@charset "UTF-8";

@font-face {
  font-family: 'Gotham Light';
  src        : url('../font/Gotham-Light.eot');
  src        : url('../font/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('../font/Gotham-Light.woff2') format('woff2'), url('../font/Gotham-Light.woff') format('woff'), url('../font/Montserrat-Regular_4.ttf') format('truetype');
}

* {
  margin     : 0;
  padding    : 0;
  line-height: 100%;
}

body {
  font-family: "Microsoft YaHei", "宋体", Arial;
  color      : #000;
}

img {
  width : 100%;
  height: auto;
}

a {
  text-decoration: none;
  color          : #333;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color          : #333;
}

a:active {
  text-decoration: none;
}

ul,
dl,
p,
address {
  margin-bottom: 0;
}

ul li {
  list-style-type: none;
}

input:focus,
button:focus,
textarea:focus {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}


.col-lg-1-7,
.col-md-1-7,
.col-sm-1-7,
.col-xs-1-7 {
  width: 14.2857%;
}

@media (min-width: 768px) {
  html {
    font-size: 43.75%;
  }

  .cell-sm {
    display: table-cell !important;
  }

  .inline-sm {
    display: inline !important;
  }
}

@media (min-width: 992px) {
  html {
    font-size: 50%;
  }

  .cell-md {
    display: table-cell !important;
  }

  .inline-md {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  html {
    font-size: 62.5%;
  }

  .cell-lg {
    display: table-cell !important;
  }

  .inline-lg {
    display: inline !important;
  }
}

/*修改*/
.ml-b {
  width   : 90%;
  overflow: hidden;
  margin  : 0 auto;
  position:relative;
}

.ml-b .swiper-container {}

.main .m1 .ml-b .swiper-container {
  margin:0 auto;
  padding-left: 0;
  padding-right: 0;
  margin-top   : 20px;
  width:calc(100% - 50px);
  position:initial;
}

.main .m1 .ml-b .swiper-container p {
  margin-top: 10px;
  font-size : 18px;
  color     : #333;
}

.ml-b .swiper-container .swiper-button-next {
  right     : 0% !important;
  background: none;
  width     : 15px;
}

.ml-b .swiper-container .swiper-button-next img {
  width: 100%;
}

.ml-b .swiper-container .swiper-button-prev {
  left      : -30 !important;
  background: none;
  width     : 15px;
}

.ml-b .swiper-container .swiper-button-prev img {
  width: 100%;
}

@media screen and (max-width:1000px) {
  .main .m1 .ml-b .swiper-container p {
    margin-top: 10px;
    font-size : 16px;
  }
}

/*修改结束*/
.fr {
  float: right;
}

.fl {
  float: left;
}

.fn {
  float: none;
}

.noLi {
  list-style-type: none;
}

.f0 {
  font-size: 0px;
}

.f12 {
  font-size: 1.2rem;
}

.f14 {
  font-size: 1.4rem;
}

.f16 {
  font-size: 1.6rem;
}

.f18 {
  font-size: 1.8rem;
}

.f20 {
  font-size: 2rem;
}

.f22 {
  font-size: 2.2rem;
}

.f24 {
  font-size: 2.4rem;
}

.clear {
  clear: both;
}

.wauto {
  width: auto !important;
}

.inblock {
  display : inline-block;
  *display: inline;
  *zoom   : 1;
}

.header {
  position      : static;
  width         : 100%;
  border-bottom : 1px solid rgba(1, 165, 237, 0.16);
  padding-top   : 26px;
  padding-bottom: 29px;
  background    : #fff;
}

.header.shadow {
  position: fixed;
}

.header .small {
  display: block !important;
}

.header .navbar {
  margin-bottom: 0;
}

.header .navbar-header {
  width: 13%;
  float: left;
}

.header .navbar-header a {
  position     : relative;
  display      : block;
  text-align   : right;
  padding-right: 25px;
}


.header .navbar-header a img {
  max-width: 100%;
  width    : auto;
  display  : none;
}

.header .mainnav {
  display   : block;
  width     : 45%;
  margin-top: 7px;
  float     : left;
  text-align: right;
}

.header .mainnav ul {
  white-space: nowrap;
}

.header .mainnav .nav_tab_li li {
  width: 100%;
}

.header .mainnav ul .sub-right-left h1,
.header .mainnav ul .sub-right-left h1 a {
  font-size: 22px;
  color    : #333;
}

.header .mainnav ul .sub-right-left p {
  font-size  : 14px;
  color      : #666;
  white-space: normal;
  line-height: 170%;
  margin-top : 15px;
}
.header .mainnav ul .sub-right-left h2 {
  font-size  : 14px;
  color      : #666;
  white-space: normal;
  line-height: 170%;
  margin-top : 15px;
}

.header .mainnav li {
  padding-left : 1%;
  padding-right: 1%;
  max-width    : 100%;
}

.header .mainnav li .one-title a {
  font-size  : 1.8rem;
  color      : #4e5458;
  line-height: 42px;
}
.header .mainnav li:hover>h4 a{color:#0784C6}
.header .mainnav li .one-title a :hover{color:#00a0e9;}
.header .mainnav .sub-nav {
  position          : fixed;
  left              : 0;
  top               : 107px;
  width             : 100%;
  background-color  : #fff;
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.23);
  box-shadow        : 0 0 5px 3px rgba(0, 0, 0, 0.23);
  background-color  : rgba(255, 255, 255);
  text-align        : left;
  min-width         : 250px;
  overflow          : hidden;
}

.header .mainnav .sub-nav .container {
  max-width      : 1200px;
  display        : flex;
}
.header .mainnav .sub-nav .container::after{content:'';display:none;}
.header .mainnav .sub-nav .container::before{content:'';display:none;}
.header .mainnav .sub-nav .sub-left {
  position        : relative;
  float           : left;
  width           : 245px;
/*  background-color: rgba(7, 132, 198, 0.8);*/
  background-color:#142d4e;
  padding-top     : 30px;
  padding-bottom  : 8%;
}

.header .mainnav .sub-nav .sub-right-left,
.header .mainnav .sub-nav .sub-right-right {
  width: 50%;
  float: left;
}
.header .mainnav .sub-nav .sub-right-left a{line-height:24px;margin:10px 0;}
.header .mainnav .sub-nav .sub-right-right {
  text-align: center;
  width:45%;
  float     : right;
  
  
}

.header .mainnav .sub-nav .sub-right-right img {
  width:100%;
}

.header .mainnav .sub-nav .sub-right {
  padding-top   : 30px;
  padding-bottom: 30px;
  width:calc(100% - 300px);
  box-sizing: border-box;
  margin-left:50px;
}

.header .mainnav .sub-nav .sub-left::before {
  content         : '';
  position        : absolute;
  width           : 1200px;
  height          : 100%;
  right           : 100%;
  top             : 0;
/*  background-color: rgba(7, 132, 198, 0.8);*/
  background-color:#142d4e;
}

.header .mainnav .sub-nav .sub-left a {
  position     : relative;
  padding      : 0;
  line-height  : 3.6rem;
  padding-left : 12px;
  padding-right: 15px;
  color        : #fff;
  white-space  : nowrap;
  font-size    : 1.4rem;
   white-space     : nowrap;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  overflow        : hidden;
}

.header .mainnav .sub-nav .sub-left a::before {
  content         : '';
  position        : absolute;
  left            : 2px;
  top             : 50%;
  width           : 0px;
  height          : 4px;
  background-color: #004994;
}

.header .mainnav .sub-nav a.active {
  background-color: rgba(255, 255, 255, 0.8);
  color           : #0784c6;
}

.header .mainnav .sub-nav a:hover::before {
  width: 4px;
}

.header .mainnav .sub-nav a:last-child {
  border-bottom: 0;
}

.header .navbar-others {
  width      : 27%;
  float      : right;
  font-size  : 0;
  padding-top: 18px;
}

/*修改*/
.header .navbar-others .navbar-lang {
  width         : 24%;
  display       : inline-block;
  vertical-align: middle;
  text-align    : center;
  padding-right : 5px;
  /*margin-left :13%;*/
}

/*修改结束*/

.header .navbar-others .navbar-lang .lang_now {
  position     : relative;
  display      : inline-block;
  padding-left : 29px;
  padding-right: 15px;
  background   : url(/skins/images/lang.png) no-repeat left center;
}

.header .navbar-others .navbar-lang .lang_now h1 {
  font-size  : 1.6rem;
  color      : #4e5458;
  line-height: 1.8rem;
}

.header .navbar-others .navbar-lang .lang_now ul {
  display    : none;
  position   : absolute;
  left       : 0;
  width      : 100%;
  padding-top: 5PX;
}

.header .navbar-others .navbar-lang .lang_now ul li {
  border-left  : 2px solid rgba(1, 165, 237, 0.3);
  border-right : 2px solid rgba(1, 165, 237, 0.3);
  border-bottom: 2px solid rgba(1, 165, 237, 0.3);
}

.header .navbar-others .navbar-lang .lang_now ul li a {
  display    : block;
  font-size  : 1.6rem;
  line-height: 2.4rem;
  color      : #666;
  text-align : center;
}

.header .navbar-others .navbar-lang .lang_now ul li a:hover {
  background-color: #fff;
  color           : #001967;
}

.header .navbar-others .navbar-lang .lang_now::after {
  content     : '';
  position    : absolute;
  right       : 0;
  top         : 50%;
  border-top  : 4px solid #fff;
  border-left : 3.5px solid transparent;
  border-right: 3.5px solid transparent;
}

.header .navbar-others .navbar-lang .lang_now:hover ul {
  display: block;
}

.header .navbar-others .navbar-phone {
  width         : 38%;
  display       : inline-block;
  vertical-align: middle;
  text-align    : center;
  padding-right : 5px;
}

.header .navbar-others .navbar-phone span {
  padding-left: 29px;
  font-size   : 1.8rem;
  font-weight : bold;
  color       : #4e5458;
  background  : url(/skins/images/call-answer.png) no-repeat left center;
  word-wrap:break-word;
}

/*修改*/
.header .navbar-others .navbar-search {
  width         : 38%;
  display       : inline-block;
  vertical-align: middle;
  padding-right : 5px;
  float         : right;
}
@media screen and (max-width:1600px){
  .header .navbar-others .navbar-search{width:10%;}
  .header .navbar-others .navbar-phone{width:186px;}

}
@media screen and (max-width:1200px){  .header .navbar-others{display:none;}}
.navbar-search img {
  width       : 18px;
  margin-right: 10px;
  float       : left;
  margin-left : 20px;
}

.navbar-search .ss {
  width : 14px;
  cursor: pointer;
}

.navbar-search a {
  color    : #777;
  font-size: 16px;
  float    : left;
}

.navbar-search span {
  color    : #777;
  float    : left;
  font-size: 17px;
  display  : block;
  margin   : 0 5px;
}

/*Search*/
#sousou2 {
  color: #222;
}

.sousou3 {
  position  : fixed;
  z-index   : 1;
  background: rgba(0, 0, 0, 0.4);
  width     : 100%;
  height    : 50px;
  top       : 107px;
  left      : 0px;
  display   : none;
  z-index   : 1003;
  text-align: center;
}

.sousou3 input {
  width        : 40%;
  margin       : 5px auto;
  height       : 40px;
  line-height  : 40px;
  background   : #fff;
  box-sizing   : border-box;
  text-indent  : 1em;
  border-radius: 2px;
  border       : none;
  font-size    : 14px;
}

.sousou3 .input2 {
  width        : 80px;
  margin-left  : -80px;
  position     : absolute;
  cursor       : pointer;
  padding-left : 0px;
  color        : #fff;
  font-size    : 14px;
  background   : #102542;
  border-radius: 0px;
  outline      : none;
}

.sousou3 i {
  float    : right;
  color    : #fff;
  font-size: 18px;
  padding  : 15px 15px 0 0;
  cursor   : pointer;
}

/*修改结束*/
.header.shadow .large {
  display: none;
}

.header.shadow .small {
  display: block;
}

.header.shadow .mainnav li .one-title a {
  color: #4e5458;
}
.header.shadow .mainnav li .one-title a:hover{color: #00a0e9;}
.header.shadow .mainnav li .phsearchicon:after {
  border-color: #4e5458;
}

.header.shadow .navbar-others .navbar-lang .lang_now h1 {
  color: #4e5458;
}

.header.shadow .navbar-others .navbar-lang .lang_now ul li a {
  color: #4e5458;
}

.header.shadow .navbar-others .navbar-lang .lang_now ul li a:hover {
  background-color: #fff;
  color           : #001967;
}

.header.shadow .navbar-others .navbar-lang .lang_now::after {
  content     : '';
  position    : absolute;
  right       : 0;
  top         : 50%;
  border-top  : 4px solid #fff;
  border-left : 3.5px solid transparent;
  border-right: 3.5px solid transparent;
}

.header.shadow .navbar-others .navbar-lang .lang_now:hover ul {
  display: block;
}

.header.shadow .navbar-others .navbar-phone span {
  color: #4e5458;
}

.header.shadow .navbar-others .navbar-search form {
  border: 1px solid #4e5458;
}

.main {
  background-color: #f4f4f4;
}

.main .m1 {
  padding: 3.125% 0;
  background:#fff;
}

/*.main .m1 .tit {
  background-image: url(/skins/images/products_t.png);
}*/

.main .m1 .swiper-container .swiper-slide {
  padding-left      : 0;
  padding-right     : 0;
  -webkit-transition: all 0.5s;
  -o-transition     : all 0.5s;
  transition        : all 0.5s;
}
.main .m1 .swiper-container .swiper-slide a{/*display:block;margin:0 30px;*/}
.main .m1 .swiper-container .swiper-slide .box {
  background-color: #fff;
  padding         : 8% 0;
  font-size       : 0;
}

.main .m1 .swiper-container .swiper-slide .box .txt {
  display       : inline-block;
  width         : 50%;
  vertical-align: middle;
  padding-left  : 8%;
}

.main .m1 .swiper-container .swiper-slide .box .txt h1 {
  font-size       : 2.6rem;
  color           : #4c4c4c;
  white-space     : nowrap;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  margin-bottom   : 10px;
}

.main .m1 .swiper-container .swiper-slide .box .txt span {
  display         : block;
  font-size       : 1.4rem;
  color           : #666;
  padding-bottom  : 10px;
  border-bottom   : 2px solid #f4f4f4;
  margin-bottom   : 10px;
  white-space     : nowrap;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
}

.main .m1 .swiper-container .swiper-slide .box .txt p {
  font-size    : 1.4rem;
  color        : #888;
  line-height  : 2.5rem;
  margin-bottom: 2.4rem;
}

.main .m1 .swiper-container .swiper-slide .box .txt a {
  display         : block;
  width           : 113px;
  height          : 36px;
  line-height     : 36px;
  font-size       : 1.6rem;
  color           : #666666;
  text-align      : center;
  background-color: #f4f4f4;
}

.main .m1 .swiper-container .swiper-slide .box .txt a:hover {
  background-color: #283288;
  color           : #fff;
}

.main .m1 .swiper-container .swiper-slide .box .pic {
  width          : 50%;
  display        : inline-block;
  vertical-align : middle;
  background     : url(/skins/images/p_bg.png) no-repeat center center;
  background-size: 80% auto;
}

.main .m1 .swiper-container .swiper-slide:hover {
  -webkit-transform: translateY(-8px);
  -ms-transform    : translateY(-8px);
  transform        : translateY(-8px);
}

.main .m1 .swiper-container .swiper-slide.on {
  -webkit-transform: scale(1);
  -ms-transform    : scale(1);
  transform        : scale(1);
}


.main .m1 .swiper-container {
  margin-top   : 7.7%;
  padding-left : 400px;
  padding-right: 400px;
}

.main .m1 .swiper-container .swiper-slide {
  text-align: center;
}

.main .m1 .swiper-container .swiper-slide .box {
  width   : auto;
  display : inline-block;
  position: relative;
}

.main .m1 .swiper-container .swiper-slide .box>img {
  width    : auto;
  max-width: 447px;
}

.main .m1 .swiper-container .swiper-slide .box>.mask {
  display   : none;
  position  : absolute;
  left      : 0;
  top       : 0;
  right     : 0;
  bottom    : 0;
  margin    : auto;
  width     : 100%;
  height    : 100%;
  background: rgba(0, 192, 255, 0.8);
}

.main .m1 .swiper-container .swiper-slide .box>.mask>.txt {
  position         : absolute;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  font-size        : 0px;
}

.main .m1 .swiper-container .swiper-slide .box>.mask>.txt>h1 {
  white-space  : nowrap;
  overflow     : hidden;
  font-size    : 2.4rem;
  margin-top   : 0;
  margin-bottom: 10%;
  color        : #fff;
}

.main .m1 .swiper-container .swiper-slide .box>.mask>.txt>.s_bd {
  width        : 36px;
  height       : 3px;
  background   : #fff;
  display      : inline-block;
  max-width    : 20%;
  margin-bottom: 10%;
}

.main .m1 .swiper-container .swiper-slide .box>.mask>.txt>p {
  font-size    : 1.6rem;
  color        : #fff;
  line-height  : 150%;
  margin-bottom: 10%;
}

.main .m1 .swiper-container .swiper-slide .box>.mask>.txt>a {
  display      : inline-block;
  width        : 48px;
  height       : 48px;
  line-height  : 48px;
  text-align   : center;
  background   : #fff;
  color        : #00dbff;
  border-radius: 50%;
  font-size    : 1.6rem;
}

.main .m1 .swiper-container .swiper-slide .box:hover>.mask {
  display: block;
}

.main .m1 .swiper-container .swiper-button-prev {
  left: 0px;
}

.main .m1 .swiper-container .swiper-button-next {
  /*left: 71.5%;*/
}


.main .m2 {
  padding: 3.125% 0;
}


.main .m2 .tit {
 /* background-image: url(/skins/images/solution_bg.png);*/
}

.main .m2 .m2_wrapper ul {
  overflow: hidden;
}

.main .m2 .m2_wrapper ul li {
  position          : relative;
  width             : 16.6666%;
  float             : left;
  -webkit-transition: all 0.3s ease-in;
  -o-transition     : all 0.3s ease-in;
  transition        : all 0.3s ease-in;
}

.main .m2 .m2_wrapper ul li::before {
  content         : '';
  position        : absolute;
  left            : 0;
  top             : 0;
  width           : 100%;
  height          : 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity         : 1;
}

.main .m2 .m2_wrapper ul li .txt {
  position         : absolute;
  left             : 0;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform    : translateY(-50%);
  transform        : translateY(-50%);
  width            : 50%;
  height           : 50%;
  background-color : rgba(255, 255, 255, 0.9);
  opacity          : 0;
  z-index          : 3;
}

.main .m2 .m2_wrapper ul li.on .txt {
  opacity           : 1;
  -webkit-transition: all 0.5s ease-in;
  -o-transition     : all 0.5s ease-in;
  transition        : all 0.5s ease-in;
}

/*修改开始*/
.main .m2 .m2_wrapper ul li.on .txt img {
  width     : 53px !important;
  position  : absolute;
  right     : -26.5px;
  margin-top: -17.5px;
  top       : 50%;
  margin-top: -26.5px;
}

/*修改结束*/
.main .m2 .m2_wrapper ul li.on::before {
  opacity: 0;
}


.main .m2 .m2_wrapper ul li .txt .txt_wrapper {
  position         : absolute;
  left             : 10%;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform    : translateY(-50%);
  transform        : translateY(-50%);
  width            : 80%;
}

.main .m2 .m2_wrapper ul li .txt .txt_wrapper h3 {
  font-size    : 1.6rem;
  color        : #666;
  margin-bottom: 15px;
}

.main .m2 .m2_wrapper ul li .txt .txt_wrapper h2 {
  position      : relative;
  font-size     : 2.6rem;
  color         : #2b2b2b;
  padding-bottom: 20px;
  margin-bottom : 20px;
}

.main .m2 .m2_wrapper ul li .txt .txt_wrapper h2::after {
  content         : '';
  position        : absolute;
  left            : 0;
  bottom          : 0;
  width           : 70px;
  height          : 3px;
  background-color: #02c7eb;
}

.main .m2 .m2_wrapper ul li .txt .txt_wrapper p {
  font-size  : 1.4rem;
  color      : #666666;
  line-height: 2.4rem;
  height     : 4.66rem;
  overflow   : hidden;
}

/*修改2*/
.main .m2 .m2_wrapper ul li .title {
  position          : absolute;
  left              : 50%;
  top               : 50%;
  -webkit-transform : translateY(-50%) translateX(-50%);
  transform         : translateY(-50%) translateX(-50%);
  font-size         : 2.2rem;
  color             : #fff;
  white-space       : nowrap;
  max-width         : 100%;
  overflow          : hidden;
  opacity           : 1;
  -webkit-transition: all 0.5s;
  -o-transition     : all 0.5s;
  transition        : all 0.5s;
}

.main .m2 .m2_wrapper ul li .title {
  text-align: center;
}

.main .m2 .m2_wrapper ul li .title img {
  width        : 85px !important;
  margin-bottom: 10px;
}

.main .m2 .m2_wrapper ul li .title p {
  font-size: 18px;
  margin   : 10px 0;
}

.main .m2 .m2_wrapper ul li .title span {
  display   : block;
  width     : 31px;
  height    : 2px;
  background: #fff;
  margin    : 0px auto;
}

/*修改2结束*/
.main .m2 .m2_wrapper ul li.on {
  width: 50%;
}

.main .m2 .m2_wrapper ul li.on .title {
  bottom            : 0;
  opacity           : 0;
  -webkit-transition: none;
  -o-transition     : none;
  transition        : none;
}

.main .m3 {
  padding: 3.125% 0;
}

.main .m3 .tit {
  background-image: url(/skins/images/hp_bg.png);
}

.main .m3 .m3_wrapper {
  overflow: hidden;
}

.main .m3 .m3_wrapper .left_wrapper {
  width: 66.40625%;
  float: left;
}

.main .m3 .m3_wrapper .left_wrapper .left_top_wrapper {
  position: relative;
}

.main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con {
  position         : absolute;
  width            : 75%;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  font-size        : 0;
}

.main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con .pic {
  width         : 35%;
  display       : inline-block;
  vertical-align: middle;
}

.main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con .txt {
  width         : 65%;
  padding-left  : 9.5%;
  display       : inline-block;
  vertical-align: middle;
}

.main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con .txt h1 {
  font-size    : 2rem;
  color        : #fff;
  margin-bottom: 5%;
}

.main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con .txt p {
  font-size  : 1.4rem;
  color      : #fff;
  line-height: 2.4rem;
}

.main .m3 .m3_wrapper .left_wrapper .left_bottom_wrapper>div {
  padding: 0;
}

.main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper,
.main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper {
  position: relative;
}

.main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con,
.main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con {
  position         : absolute;
  width            : 78%;
  left             : 50%;
  top              : 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  font-size        : 0;
}

.main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .pic,
.main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .pic {
  width         : 50%;
  display       : inline-block;
  vertical-align: middle;
}

.main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt,
.main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt {
  width         : 50%;
  padding-right : 11.5%;
  display       : inline-block;
  vertical-align: middle;
}

.main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt h1,
.main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt h1 {
  font-size    : 2rem;
  color        : #fff;
  margin-bottom: 5%;
  line-height  : 3rem;
}

.main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt p,
.main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt p {
  font-size  : 1.4rem;
  color      : #fff;
  line-height: 2.4rem;
}

.main .m3 .m3_wrapper .right_wrapper {
  position: relative;
  width   : 33.59375%;
  float   : left;
}

.main .m3 .m3_wrapper .right_wrapper .con {
  position         : absolute;
  width            : 55%;
  left             : 50%;
  top              : 10%;
  -webkit-transform: translateX(-50%);
  -ms-transform    : translateX(-50%);
  transform        : translateX(-50%);
  font-size        : 0;
}

.main .m3 .m3_wrapper .right_wrapper .con .txt {
  font-size : 2rem;
  color     : #fff;
  text-align: center;
  margin-top: 10%;
}

.main .m4 {
  padding: 3.125% 0;
}

.main .m4 .about_wrapper {
  width        : 55%;
  float        : left;
  padding-right: 2%;
}

.main .m4 .about_wrapper .about_con ul {
  overflow     : hidden;
  margin-bottom: 25px;
  margin-left  : -10px;
  margin-right : -10px;
}

.main .m4 .about_wrapper .about_con ul li {
  position     : relative;
  float        : left;
  padding-left : 10px;
  padding-right: 10px;
}

.main .m4 .about_wrapper .about_con ul li a {
  position: relative;
  display : block;
}

.main .m4 .about_wrapper .about_con ul li a::after {
  content            : '';
  position           : absolute;
  left               : 0;
  top                : 0;
  right              : 0;
  bottom             : 0;
  width              : 100%;
  height             : 100%;
  margin             : auto;
   background-color   : rgba(176, 216, 236, 0.9);
/*  background-color   : rgba(51, 164, 222, 0.9);*/

  background-image   : url(/skins/images/iconfont-jia.png);
  background-repeat  : no-repeat;
  background-position: center center;
  opacity            : 0;
  pointer-events     : none;
}

.main .m4 .about_wrapper .about_con ul li a:hover::after {
  opacity: 1;
}

.main .m4 .about_wrapper .about_con .about_con_wrapper {
  overflow        : hidden;
  background-color: #fff;
}

.main .m4 .about_wrapper .about_con .about_con_wrapper .txt {
  padding: 4%;
}

.main .m4 .about_wrapper .about_con .about_con_wrapper .txt h1 {
  font-size    : 2.2rem;
  color        : #242424;
  margin-bottom: 5.5%;
}

.main .m4 .about_wrapper .about_con .about_con_wrapper .txt p {
  font-size  : 1.4rem;
  color      : #666666;
  line-height: 2rem;
  height     : 8rem;
  overflow   : hidden;
}

.main .m4 .about_wrapper .about_con .about_con_wrapper .pic {
  position     : relative;
  padding-right: 0;
}

.main .m4 .about_wrapper .about_con .about_con_wrapper .pic::before {
  content      : '';
  position     : absolute;
  left         : 15px;
  top          : 15%;
  border-left  : 17px solid #e2e3e9;
  border-top   : 16px solid transparent;
  border-bottom: 16px solid transparent;
}

.main .m4 .new_wrapper {
  width: 45%;
  float: left;
}

.main .m4 .new_wrapper .new_con {
  background-color: #e2e3e9;
  overflow        : hidden;
}

.main .m4 .new_wrapper .new_con .new_con_left1 {
  background-color: #fff;
  width           : 33%;
  float           : right;
  padding         : 37px;
}
.main .m4 .new_wrapper .new_con .new_con_left {
  background-color: #fff;
  width           : 33%;
  float           : left;
  padding         : 37px;
}
.main .m4 .new_wrapper .new_con .new_con_left2 {
  background-color: #fff;
  width           : 33%;
  float           : right; 
  padding         : 37px;
}
.main .m4 .new_wrapper .new_con .new_con_left2 .con li a,
.main .m4 .new_wrapper .new_con .new_con_left1 .con li a,
.main .m4 .new_wrapper .new_con .new_con_left .con li a {
  display         : block;
  font-size       : 1.4rem;
  color           : #5a5a5a;
  line-height     : 2.9rem;
  overflow        : hidden;
  white-space     : nowrap;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
}
.main .m4 .new_wrapper .new_con .new_con_left1 .con li:hover a,
.main .m4 .new_wrapper .new_con .new_con_left .con li:hover a {
  color: #283288;
}

.main .m4 .new_wrapper .new_con .new_con_right {
  width           : 42%;
  float           : left;
  background-color: #e2e3e9;
}

.main .m4 .new_wrapper .new_con .new_con_right h1 {
  padding      : 37px;
  margin-bottom: 0;
}

.main .m4 .new_wrapper .new_con .new_con_right p {
  font-size    : 1.4rem;
  color        : #8c8c8c;
  line-height  : 2.4rem;
  padding-left : 40px;
  padding-right: 40px;
}

.main .m4 .new_wrapper .new_con .new_con_right .con {
  margin-top: 8%;
}

.main .m4 .new_wrapper .new_con .new_con_right .con video {
  width: 100%;
}

.main .m4 .new_wrapper .new_con .new_con_right .swiper-pagination {
  position  : static;
  width     : 100%;
  text-align: center;
  margin-top: 15px;
}

.main .m4 .new_wrapper .new_con .new_con_right .swiper-pagination .swiper-pagination-bullet {
  width : 11px;
  height: 11px;
  margin: 0 3px;
}

.main .m4 .new_wrapper h1 {
  font-size    : 2.2rem;
  color        : #1e1e1e;
  margin-bottom: 35px;
}

.main .m4 .title {
  font-size    : 3.6rem;
  color        : #2d2d2d;
  border-bottom: 1px solid #e0e0e0;
  line-height  : 7.2rem;
  margin-bottom: 50px;
}

.main .m4 .title span {
  display      : inline-block;
  border-bottom: 3px solid #00a8fe;
  line-height  : 7.2rem;
}

.main .tit {
  background-repeat  : no-repeat;
  background-position: center center;
  background-size    : auto 100%;
  text-align         : center;
  padding-top        : 1.2%;
  padding-bottom     : 1%;
  margin-bottom      : 2.5%;
}

.main .tit h1 {
  position      : relative;
  font-size     : 4.4rem;
  color         : #454545;
  padding-bottom: 1%;
}

.main .tit h1::after {
  content          : '';
  position         : absolute;
  left             : 50%;
  bottom           : 0;
  -webkit-transform: translateX(-50%);
  -ms-transform    : translateX(-50%);
  transform        : translateX(-50%);
  width            : 35px;
  height           : 3px;
  background-color : #00a8fe;
}

.ban {
  position  : relative;
  width     : 100%;
  text-align: center;
}

.ban .txt {
  position         : absolute;
  top              : 50%;
  left             : 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  padding-bottom   : 5%;
  /*-webkit-animation: hearts 1.3s ease-in-out infinite alternate;
  animation        : hearts 1.3s ease-in-out infinite alternate;*/
  width: 80%;
}

.ban .txt h2 {
  font-size    : 1.6rem;
  color        : #fff;
  font-weight  : normal;
  margin-bottom: 2%;
}

.ban .txt h1 {
  font-size    : 2.2rem;
  color        : #fff;
  margin-bottom: 3%;
}

.ban .txt p {
  font-size: 1.4rem;
  color    : #fff;
  line-height:20px;
}

.ban .txt::after {
  content          : '>';
  position         : absolute;
  left             : 50%;
  bottom           : 0;
  font-size        : 3.2rem;
  color            : #fff;
  -webkit-transform: translateX(-50%) rotate(90deg);
  -ms-transform    : translateX(-50%) rotate(90deg);
  transform        : translateX(-50%) rotate(90deg);
}

.page_box {
  overflow: auto;
}

.page_box .page {
  text-align: center;
  font-size : 0;
  min-width : 350px;
}

.page_box .page>span {
  width           : 38px;
  height          : 35px;
  display         : inline-block;
  line-height     : 35px;
  font-size       : 1.6rem;
  margin-right    : 10px;
  color           : #fff;
  background-color: #163a9b;
  border-radius   : 3px;
  vertical-align  : middle;
}

.page_box .page>a {
  width           : 38px;
  height          : 35px;
  display         : inline-block;
  line-height     : 35px;
  font-size       : 1.6rem;
  margin-right    : 10px;
  color           : #333;
  background-color: #e2e2e2;
  border-radius   : 3px;
  vertical-align  : middle;
}

.page_box .page>a:first-child {
  width       : 12px;
  height      : 35px;
  padding     : 0 1%;
  margin-right: 5px;
  background  : #fff url(/skins/images/searchico.png) no-repeat center center;
  font-size   : 0;
}

.page_box .page>a:first-child:hover {
  background: #fff url(/skins/images/searchico.png) no-repeat center center;
}

.page_box .page>a:last-child {
  width      : 12px;
  height     : 35px;
  padding    : 0 1%;
  margin-left: -5px;
  font-size  : 0;
  background : #fff url(/skins/images/searchico.png) no-repeat center center;
}

.page_box .page>a:last-child:hover {
  background: #fff url(/skins/images/searchico.png) no-repeat center center;
}

.page_box .page>a:hover {
  background-color: #163a9b;
  color           : #fff;
}

.pages .pagelist {
  text-align: center;
  margin-top: 5%;
}

.pages .pagelist li {
  display      : inline-block;
  height       : 40px;
  line-height  : 40px;
  padding      : 0 15px;
  font-size    : 1.6rem;
  color        : #6d6d6d;
  border       : 1px solid #6d6d6d;
  text-align   : center;
  cursor       : pointer;
  margin       : 0 7px;
  border-radius: 3px;
}

.pages .pagelist li a {
  height     : 40px;
  line-height: 40px;
  font-size  : 1.6rem;
  color      : #6d6d6d;
}

.pages .pagelist li.active {
  background-image: -webkit-gradient(linear, left top, right top, from(#5592ec), to(#1c62cd));
  background-image: -webkit-linear-gradient(left, #5592ec, #1c62cd);
  background-image: -o-linear-gradient(left, #5592ec, #1c62cd);
  background-image: linear-gradient(to right, #5592ec, #1c62cd);
  border          : 0;
  color           : #fff;
  cursor          : none;
}

.pages .pagelist li.active a {
  background-image: -webkit-gradient(linear, left top, right top, from(#5592ec), to(#1c62cd));
  background-image: -webkit-linear-gradient(left, #5592ec, #1c62cd);
  background-image: -o-linear-gradient(left, #5592ec, #1c62cd);
  background-image: linear-gradient(to right, #5592ec, #1c62cd);
  border          : 0;
  color           : #fff;
  cursor          : none;
}

.my-map#container {
  width   : 100%;
  height  : 450px;
  position: static;
}

.my-map#container img {
  width: auto !important;
}

.my-map#container .amap-icon img {
  width: 100% !important;
}

.my-map#container .icon {
  background: url(/skins/images/marker.png) no-repeat;
}

.my-map#container .icon-cir {
  height: 31px;
  width : 28px;
}

.my-map#container .icon-cir-red {
  background-position: -11px -5px;
}

.amap-container {
  height: 100%;
}

.page {
  max-width: 1400px;
}

.contents .path {
  background-color: #fff;
}

.contents .path ul {
  padding : 20px 0;
  overflow: hidden;
}

.contents.about .path {
  background-color: #fff;
}

.contents.about .path ul {
  padding : 20px 0;
  overflow: hidden;
}

.contents.about .path ul li {
  width     : 16.6666%;
  float     : left;
  text-align: center;
}

.contents.about .path ul li a {
  display: block;
}

.contents.about .path ul li a span {
  display            : inline-block;
  font-size          : 1.6rem;
  color              : #484848;
  height             : 4rem;
  line-height        : 4rem;
  padding-left       : 60px;
  background-repeat  : no-repeat;
  background-position: left center;
}

.contents.about .path ul li:nth-child(1) a span {
  background-image: url(/skins/images/a1_icon1.png);
}

.contents.about .path ul li:nth-child(1).active a span,
.contents.about .path ul li:nth-child(1):hover a span {
  background-image: url(/skins/images/a1_icon1_2.png);
}

.contents.about .path ul li:nth-child(2) a span {
  background-image: url(/skins/images/a1_icon2.png);
}

.contents.about .path ul li:nth-child(2).active a span,
.contents.about .path ul li:nth-child(2):hover a span {
  background-image: url(/skins/images/a1_icon2_2.png);
}

.contents.about .path ul li:nth-child(3) a span {
  background-image: url(/skins/images/a1_icon3.png);
}

.contents.about .path ul li:nth-child(3).active a span,
.contents.about .path ul li:nth-child(3):hover a span {
  background-image: url(/skins/images/a1_icon3_2.png);
}

.contents.about .path ul li:nth-child(4) a span {
  background-image: url(/skins/images/a1_icon41.png);
}

.contents.about .path ul li:nth-child(4).active a span,
.contents.about .path ul li:nth-child(4):hover a span {
  background-image: url(/skins/images/a1_icon411.png);
}
.contents.about .path ul li:nth-child(4) a span {
  background-image: url(/skins/images/a1_icon4.png);
}

.contents.about .path ul li:nth-child(4).active a span,
.contents.about .path ul li:nth-child(4):hover a span {
  background-image: url(/skins/images/a1_icon4_2.png);
}

.contents.about .path ul li:nth-child(5) a span {
  background-image: url(/skins/images/a1_icon5.png);
}

.contents.about .path ul li:nth-child(5).active a span,
.contents.about .path ul li:nth-child(5):hover a span {
  background-image: url(/skins/images/a1_icon5_2.png);
}

.contents.about .path ul li:nth-child(6) a span {
  background-image: url(/skins/images/a1_icon6.png);
}

.contents.about .path ul li:nth-child(6).active a span,
.contents.about .path ul li:nth-child(6):hover a span {
  background-image: url(/skins/images/a1_icon6_2.png);
}

.contents.about .c1 {
  padding         : 3% 0;
  background-color: #f2f2f2;
}

.contents.about .c1 .c_con {
  font-size: 0;
}

.contents.about .c1 .c_con .pic {
  display       : inline-block;
  vertical-align: middle;
  width         : 34.5%;
  text-align    : center;
}

.contents.about .c1 .c_con .pic img {
  width    : auto;
  max-width: 100%;
}

.contents.about .c1 .c_con .txt {
  display       : inline-block;
  vertical-align: middle;
  width         : 65.5%;
}

.contents.about .c1 .c_con .txt p {
  font-size    : 1.4rem;
  color        : #666666;
  line-height  : 3.6rem;
  margin-bottom: 15px;
}

.contents.about .c1 .c_list {
  margin-top: 5%;
  overflow  : hidden;
}

.contents.about .c1 .c_list li {
  width              : 20%;
  float              : left;
  padding-left       : 80px;
  background-position: left center;
  background-repeat  : no-repeat;
  background-size    : auto 80%;
}

.contents.about .c1 .c_list li .num {
  font-size    : 4.8rem;
  color        : #0f4e9b;
  font-weight  : bold;
  margin-bottom: 10px;
}

.contents.about .c1 .c_list li .num span {
  font-size    : 4.8rem;
  color        : #0f4e9b;
  font-weight  : bold;
  margin-bottom: 10px;
}

.contents.about .c1 .c_list li span {
  font-size  : 1.6rem;
  color      : #484848;
  font-weight: bold;
}

.contents.about .c1 .c_list li:nth-child(1) {
  background-image: url(/skins/images/manufacture.png);
}

.contents.about .c1 .c_list li:nth-child(2) {
  background-image: url(/skins/images/pathway.png);
}

.contents.about .c1 .c_list li:nth-child(3) {
  background-image: url(/skins/images/quality.png);
}

.contents.about .c1 .c_list li:nth-child(4) {
  background-image: url(/skins/images/product.png);
}

.contents.about .c1 .c_list li:nth-child(5) {
  background-image: url(/skins/images/team.png);
}

.contents.about .c2 {
  padding         : 3% 0;
  background-color: #fff;
}

.contents.about .c2 .c_tit {
  text-align   : center;
  margin-bottom: 4.5%;
}

.contents.about .c2 .c_con .timeline {
  overflow: hidden;
}

.contents.about .c2 .c_con .swiper-slide .s_con {
  position     : relative;
  max-width    : 955px;
  width        : 80%;
  margin       : 0 auto;
  font-size    : 0;
  border-bottom: 1px solid #dcdcdc;
}

.contents.about .c2 .c_con .swiper-slide .s_con .pic {
  display         : inline-block;
  vertical-align  : middle;
  width           : 50%;
  padding-right   : 6%;
  border-radius   : 5px;
  overflow        : hidden;
  background-color: #fff;
  margin-bottom   : -1px;
}

.contents.about .c2 .c_con .swiper-slide .s_con .txt {
  display       : inline-block;
  vertical-align: middle;
  width         : 50%;
}

.contents.about .c2 .c_con .swiper-slide .s_con .txt h1 {
  font-size    : 4rem;
  color        : #00a0e9;
  margin-bottom: 30px;
}

.contents.about .c2 .c_con .swiper-slide .s_con .txt p {
  font-size: 1.6rem;
  color    : #666666;
}

.contents.about .c2 .c_con .pagination_box {
  display   : block;
  width     : 100%;
  width     : 1400px !important;
  height    : 100px;
  overflow  : hidden;
  margin-top: 5%;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination {
  position    : relative;
  white-space : nowrap;
  padding-left: 170px;
  width       : 100% !important;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination:after {
  position     : absolute;
  left         : 0;
  top          : 43px;
  z-index      : -1;
  content      : '';
  width        : 100%;
  height       : 0;
  border-bottom: 2px dotted #b1b1b1;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination-bullet {
  position          : relative;
  -webkit-transition: all 0.3s;
  -o-transition     : all 0.3s;
  transition        : all 0.3s;
  -webkit-transform : none !important;
  -ms-transform     : none !important;
  transform         : none !important;
  background-color  : #a5bcde;
  opacity           : 1;
  margin-right      : 200px;
  font-size         : 1.5rem;
  color             : #004994;
  font-weight       : bold;
  text-align        : center;
  width             : auto;
  height            : 100px;
  padding-top       : 50px;
  background-color  : transparent !important;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination-bullet i {
  font-size        : 2.6rem;
  color            : #666;
  display          : block;
  -webkit-transform: translateX(-50%);
  -ms-transform    : translateX(-50%);
  transform        : translateX(-50%);
  margin-top       : 5px;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination-bullet::before {
  position        : absolute;
  left            : 0;
  bottom          : 60px;
  content         : '';
  display         : block;
  width           : 2px;
  height          : 14px;
  background-color: #b1b1b1;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination-bullet.swiper-pagination-bullet-active i {
  color    : #004994;
  font-size: 3.2rem;
}

.contents.about .c2 .c_con .pagination_box .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  height          : 50px;
  background-color: #00a0e9;
}

.contents.about .c3 {
  padding         : 3% 0;
  background-color: #f2f2f2;
}

.contents.about .c3 .c_tit {
  text-align: left;
}

.contents.about .c3 .c_con {
  position   : relative;
  padding-top: 80px;
}

.contents.about .c3 .c_con .swiper-slide a {
  display         : block;
  background-color: #fff;
}

.contents.about .c3 .c_con .swiper-slide p {
  font-size     : 1.6rem;
  color         : #313131;
  text-align    : center;
  border-bottom : 1px solid #d1d1d1;
  border-left   : 1px solid #d1d1d1;
  border-right  : 1px solid #d1d1d1;
  padding-top   : 5%;
  padding-bottom: 5%;
}

.contents.about .c3 .c_con .swiper-button-prev {
  width     : 52px;
  height    : 51px;
  background: url(/skins/images/arrow-left.png);
  left      : auto;
  right     : 60px;
  top       : 0;
}

.contents.about .c3 .c_con .swiper-button-next {
  width     : 52px;
  height    : 51px;
  background: url(/skins/images/arrow-right.png);
  left      : auto;
  right     : 0;
  top       : 0;
}

.contents.about .c4 {
  padding         : 3% 0;
  background-color: #fff;
}

.contents.about .c4 .c_tit {
  text-align   : left;
  margin-bottom: 4.5%;
}

.contents.about .c4 .c_con ul {
  overflow      : hidden;
  padding-top   : 10px;
  padding-bottom: 10px;
}

.contents.about .c4 .c_con ul li {
  margin-bottom: 12px;
}

.contents.about .c4 .c_con ul li a {
  display           : block;
  border            : 4px solid #ededef;
  -webkit-transition: -webkit-transform 0.3s;
  transition        : -webkit-transform 0.3s;
  -o-transition     : transform 0.3s;
  transition        : transform 0.3s;
  transition        : transform 0.3s, -webkit-transform 0.3s;
}

.contents.about .c4 .c_con ul li:hover a img {
  -webkit-transform : scale(1.05);
  -ms-transform     : scale(1.05);
  transform         : scale(1.05);
  border            : 0;
  -webkit-box-shadow: 0 0 35px 8px rgba(0, 0, 0, 0.1);
  box-shadow        : 0 0 35px 8px rgba(0, 0, 0, 0.1);
}

.contents.about .c41 {
  padding         : 3% 0;
  background-color: #f2f2f2;
}

.contents.about .c41 .c_tit {
  text-align   : left;
  margin-bottom: 4.5%;
}

.contents.about .c41 .c_con ul {
  overflow      : hidden;
  padding-top   : 10px;
  padding-bottom: 10px;
}

.contents.about .c41 .c_con ul li {
  margin-bottom: 12px;
}

.contents.about .c41 .c_con ul li a {
  display           : block;
  border            : 4px solid #ededef;
  -webkit-transition: -webkit-transform 0.3s;
  transition        : -webkit-transform 0.3s;
  -o-transition     : transform 0.3s;
  transition        : transform 0.3s;
  transition        : transform 0.3s, -webkit-transform 0.3s;
}

.contents.about .c41 .c_con ul li:hover a img {
  -webkit-transform : scale(1.05);
  -ms-transform     : scale(1.05);
  transform         : scale(1.05);
  border            : 0;
  -webkit-box-shadow: 0 0 35px 8px rgba(0, 0, 0, 0.1);
  box-shadow        : 0 0 35px 8px rgba(0, 0, 0, 0.1);
}

.contents.about .c5 {
  padding         : 3% 0;
  background-color: #1a8bcf;
}

.contents.about .c5 .c_tit {
  text-align   : center;
  margin-bottom: 4.5%;
  color        : #fff;
}

.contents.about .c5 .c_tit h1 {
  color        : #fff;
  margin-bottom: 20px;
}

.contents.about .c5 .c_tit p {
  font-size: 1.6rem;
}

.contents.about .c5 .c_con .txt h1 {
  font-size : 2rem;
  color     : #fff;
  margin-top: 20px;
}

.contents.about .c5 .c_con .txt p {
  font-size  : 1.4rem;
  color      : #fff;
  line-height: 2.4rem;
  margin-top : 15px;
}

.contents.about .c6 {
  padding         : 3% 0;
  background-color: #ffffff;
}

.contents.about .c6 .c_tit {
  text-align: center;
}

.contents.about .c6 .c_con {
  position   : relative;
  padding-top: 80px;
}

.contents.about .c6 .c_con ul {
  overflow     : hidden;
  padding-left : 7%;
  padding-right: 7%;
  margin-bottom: 6%;
}

.contents.about .c6 .c_con ul li {
  display       : inline-block;
  vertical-align: middle;
}

.contents.about .c6 .c_con ul li a {
  display    : block;
  position   : relative;
  font-size  : 1.6rem;
  color      : #666;
  padding-top: 15px;
  text-align : center;
}

.contents.about .c6 .c_con ul li a::before {
  content            : '';
  display            : block;
  margin             : 0 auto 30px;
  width              : 87px;
  height             : 87px;
  border-radius      : 50%;
  background-color   : #fff;
  background-repeat  : no-repeat;
  background-position: center center;
  background-size    : 60% 60%;
  -webkit-box-shadow : 0 0 24px 4px rgba(0, 0, 0, 0.1);
  box-shadow         : 0 0 24px 4px rgba(0, 0, 0, 0.1);
}

.contents.about .c6 .c_con ul li:nth-child(1) a::before {
  background-image: url(/skins/images/idea2.png);
}

.contents.about .c6 .c_con ul li:nth-child(1).active a::before {
  background-image: url(/skins/images/idea.png);
}

.contents.about .c6 .c_con ul li:nth-child(2) a::before {
  background-image: url(/skins/images/cake.png);
}

.contents.about .c6 .c_con ul li:nth-child(2).active a::before {
  background-image: url(/skins/images/cake2.png);
}

.contents.about .c6 .c_con ul li:nth-child(3) a::before {
  background-image: url(/skins/images/collaboration.png);
}

.contents.about .c6 .c_con ul li:nth-child(3).active a::before {
  background-image: url(/skins/images/collaboration2.png);
}

.contents.about .c6 .c_con ul li:nth-child(4) a::before {
  background-image: url(/skins/images/airplane.png);
}

.contents.about .c6 .c_con ul li:nth-child(4).active a::before {
  background-image: url(/skins/images/airplane2.png);
}

.contents.about .c6 .c_con ul li.active a::before {
  background-color: #1a8bcf;
}

.contents.about .c6 .c_con .culture-swiper-list {
  position: relative;
}

.contents.about .c6 .c_con .culture-swiper-list .swiper-nav {
  position      : absolute;
  width         : 100%;
  left          : 0;
  top           : 0;
  opacity       : 0;
  z-index       : 0;
  pointer-events: none;
}

.contents.about .c6 .c_con .culture-swiper-list .swiper-nav.on {
  position      : relative;
  width         : 100%;
  left          : 0;
  top           : 0;
  opacity       : 1;
  z-index       : 2;
  pointer-events: visible;
}

.contents.about .c6 .c_con .swiper-button-prev {
  width     : 73px;
  height    : 72px;
  background: url(/skins/images/arrow-left2.png);
}

.contents.about .c6 .c_con .swiper-button-next {
  width     : 73px;
  height    : 72px;
  background: url(/skins/images/arrow-right2.png);
}

.contents.about .c_tit h1 {
  font-size: 3.6rem;
  color    : #313131;
}

.contents.product .path {
  background-color: #fff;
}

.contents.product .path ul {
  padding        : 20px 0;
  overflow       : hidden;
  display        : flex;
  justify-content: center;
  flex-wrap      : wrap;
}

.contents.product .path ul li {

  padding   : 0 2px;
  text-align: center;
}

.contents.product .path .product_index ul li {

  padding   : 0 20px;
  text-align: center;
}
.contents.product .path .product_qc ul li {

  padding   : 0 10px;
  text-align: center;
}
.contents.product .path .qcsolution ul li {

  padding   : 0 2px;
  text-align: center;
  
}


.contents.product .path ul li a {
  display: block;
}

.contents.product .path ul li a img {
  height : 46px;
  width  : auto;
  display: block;
  margin : 0 auto;
}

.contents.product .path ul li a .cy {
  display: none;
}

.contents.product .path ul li.active a .cy {
  display: block;
}

.contents.product .path ul li.active a .xs {
  display: none;
}

.contents.product .path ul li:hover a .cy {
  display: block;
}

.contents.product .path ul li:hover a .xs {
  display: none;
}

.contents.product .path ul li:hover i {
  color: #0f4e9b;
}

/*.contents.product .path ul li:hover i::after {
  content          : '';
  position         : absolute;
  width            : 100%;
  height           : 3px;
  background-color : #0f4e9b;
  right            : 0;
  bottom           : 0;
  -webkit-transform: translateY(34px);
  -ms-transform    : translateY(34px);
  transform        : translateY(34px);
}*/

.contents.product .path ul li a span {
  display            : inline-block;
  font-size          : 1.6rem;
  color              : #484848;
  height             : 5rem;
  line-height        : 5rem;
  background-repeat  : no-repeat;
  background-position: left center;
}
.contents.product .path .product_iec ul
{   
	justify-content:left;
	}
.contents.product .path .product_iec ul li {
  width:20%;
  padding   : 4px 6px;
  text-align: center;
  justify-content:left;
}
.contents.product .path .product_iec ul li a span {
 display:block;
}
.contents.product .path .product_iec ul li a {
 width:100%;display:block;
  font-size          : 1.6rem;
  color              : #484848;
/*  height             : 4rem;
  line-height        : 4rem;*/
  padding:0 8px;
  border:1px solid #ddd;
  background:#f2f2f2;
}
.contents.product .path ul li a span i {
  font-style: normal;
}

/*.contents.product .path ul li:nth-child(1) a span {
  background-image: url(/skins/images/p_icon1.png);
}

.contents.product .path ul li:nth-child(2) a span {
  background-image: url(/skins/images/p_icon2.png);
}

.contents.product .path ul li:nth-child(3) a span {
  background-image: url(/skins/images/p_icon3.png);
}

.contents.product .path ul li:nth-child(4) a span {
  background-image: url(/skins/images/p_icon4.png);
}*/

.contents.product .path ul li.active i {
  color: #0f4e9b;
}

/*.contents.product .path ul li.active i::after {
  content          : '';
  position         : absolute;
  width            : 100%;
  height           : 3px;
  background-color : #0f4e9b;
  right            : 0;
  bottom           : 0;
  -webkit-transform: translateY(34px);
  -ms-transform    : translateY(34px);
  transform        : translateY(34px);
}*/

.contents.product .c1 {
  padding         : 3% 0;
  background-color: #f2f2f2;
}

.contents.product .c1 ul li .product_wrapper {
  background-color  : #fff;
  -webkit-box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.1);
  box-shadow        : 0 0 16px 4px rgba(0, 0, 0, 0.1);
  margin-bottom     : 30px;
  height: 450px
}

.contents.product .c1 ul li .product_wrapper .pic {
  margin: 0 auto;
    width: 80%;
}
.contents.product .c1 ul li .product_wrapper .pic a {
  display: block;
}

.contents.product .c1 ul li .product_wrapper .txt {
  padding-left  : 10%;
  padding-right : 10%;
  padding-bottom: 1px;
  text-align: justify;}

.contents.product .c1 ul li .product_wrapper .txt a {
  display      : block;
  font-size    : 16px;
  margin-bottom: 20px;
  color        : #4c4c4c;
  font-weight  : bold;
  overflow          : hidden;
  line-height: 21px;
  height: 44px;
}

.contents.product .c1 ul li .product_wrapper .txt p {
  font-size         : 1.4rem;
  color             : #888888;
  line-height       : 2rem;
  margin-bottom     : 30px;
/* overflow          : hidden;*/
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-box-orient: vertical;
}

.contents.product .c1 ul li:hover .txt a {
  color: #0f4e9b;
}







/*.contents.product_show .path {*/
/*  background-color: #fff;*/
/*}*/

/*.contents.product_show .path ul {*/
/*  padding : 20px 0;*/
/*  overflow: hidden;*/
/*}*/

/*.contents.product_show .path ul li {*/
/*  width     : 25%;*/
/*  float     : left;*/
/*  text-align: center;*/
/*}*/

/*.contents.product_show .path ul li a {*/
/*  display: block;*/
/*}*/

/*.contents.product_show .path ul li a span {*/
/*  display            : inline-block;*/
/*  font-size          : 1.6rem;*/
/*  color              : #484848;*/
/*  height             : 4rem;*/
/*  line-height        : 4rem;*/
/*  padding-left       : 135px;*/
/*  background-repeat  : no-repeat;*/
/*  background-position: left center;*/
/*}*/

/*.contents.product_show .path ul li a span i {*/
/*  position  : relative;*/
/*  font-style: normal;*/
/*}*/

/*.contents.product_show .path ul li:nth-child(1) a span {*/
/*  background-image                : url(/skins/images/p_icon1.png);*/
/*}*/

/*.contents.product_show .path ul li:nth-child(2) a span {*/
/*  background-image                : url(/skins/images/p_icon2.png);*/
/*}*/

/*.contents.product_show .path ul li:nth-child(3) a span {*/
/*  background-image                : url(/skins/images/p_icon3.png);*/
/*}*/

/*.contents.product_show .path ul li:nth-child(4) a span {*/
/*  background-image                : url(/skins/images/p_icon4.png);*/
/*}*/

/*.contents.product_show .path ul li.active i {*/
/*  color: #0f4e9b;*/
/*}*/

/*.contents.product_show .path ul li.active i::after {*/
/*  content                                  : '';*/
/*  position                                 : absolute;*/
/*  width                                    : 100%;*/
/*  height                                   : 3px;*/
/*  background-color                         : #0f4e9b;*/
/*  right                                    : 0;*/
/*  bottom                                   : 0;*/
/*  -webkit-transform                        : translateY(34px);*/
/*  -ms-transform                            : translateY(34px);*/
/*  transform                                : translateY(34px);*/
/*}*/






.contents.product_show table, td, tr {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #999;
    padding: 0.5em 0.5em;
    margin: 0;
}


.contents.product_show .page_main {
  background-color: #f7f7f7;
  padding         : 2% 0;
}

.contents.product_show .c1 {
  overflow          : hidden;
  margin-bottom     : 2%;
  padding-left      : 5%;
  padding-right     : 5%;
  padding-bottom    : 8%;
  background-color  : #fff;
  -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
  box-shadow        : 0 0 15px 5px rgba(0, 0, 0, 0.1);
}

.contents.product_show .c1 .view {
  position: relative;
}

.contents.product_show .c1 .view .arrow-left {
  position  : absolute;
  left      : 0;
  top       : 50%;
  width     : 17px;
  height    : 29px;
  z-index   : 29;
  background: url(/skins/images/keyboard-left-arrow-button.png) no-repeat;
}

.contents.product_show .c1 .view .arrow-right {
  position  : absolute;
  right     : 0;
  top       : 50%;
  width     : 17px;
  height    : 29px;
  z-index   : 29;
  background: url(/skins/images/keyboard-right-arrow-button.png) no-repeat;
}

.contents.product_show .c1 .preview {
  margin-top: 10px;
}

.contents.product_show .c1 .preview .swiper-slide {
  border: 2px solid #e4e4e4;
}
	 
.contents.product_show .c1 .detail_box {
  padding-left: 5.5%;
  margin-top  : 10%;
}

.contents.product_show .c1 .detail_box h1 {
  font-size    : 2.4rem;
  color        : #0f4e9b;
  margin-bottom: 25px;
}

.contents.product_show .c1 .detail_box p {
  font-size    : 1.4rem;
  color        : #888888;
  line-height  : 2.4rem;
  margin-bottom: 20px;
}

.contents.product_show .c1 .detail_box ul {
  overflow  : hidden;
  margin-top: 7%;
}

.contents.product_show .c1 .detail_box ul li {
  float       : left;
  margin-right: 2%;
}

.contents.product_show .c1 .detail_box ul li a {
  display            : block;
  font-size          : 1.4rem;
  color              : #474747;
  background-repeat  : no-repeat;
  background-position: center top;
  padding-top        : 60px;
  text-align         : center;
}

/*.contents.product_show .c1 .detail_box ul li:nth-child(1) a {
  background-image: url(/skins/images/document-content.png);
}*/

.contents.product_show .c1 .detail_box ul li:nth-child(1) a {
  background-image: url(/skins/images/icon_play.png);
}

.contents.product_show .c1 .detail_box ul li:nth-child(2) a {
  background-image: url(/skins/images/content-management.png);
}

.contents.product_show .c1 .detail_box ul li:nth-child(3) a {
  background-image: url(/skins/images/add-file.png);
}

.contents.product_show .c2 {
  background-color: #fff;
  padding         : 5%;
}

.contents.product_show .c2 .c21 .txt,
.contents.product_show .c2 .c22 .txt,
.contents.product_show .c2 .c23 .txt,
.contents.product_show .c2 .c24 .txt,
.contents.product_show .c2 .c25 .txt{
  color:#666;
  line-height:35px;
  padding  : 4% 0;
}
.contents.product_show .c2 .c24 .txt p{color:#666;font-size:16px;margin-bottom:15px;}
.contents.product_show .c2 .c21 .txt .trait,
.contents.product_show .c2 .c22 .txt .trait,
.contents.product_show .c2 .c23 .txt .trait,
.contents.product_show .c2 .c24 .txt .trait {
  width    : 940px;
  max-width: 100%;
}

.contents.product_show .c2 .c21 .txt .trait p,
.contents.product_show .c2 .c22 .txt .trait p,
.contents.product_show .c2 .c23 .txt .trait p,
.contents.product_show .c2 .c24 .txt .trait p {
  display       : inline-block;
  vertical-align: middle;
  font-size     : 1.4rem;
  color         : #666666;
  width         : 940px;
  max-width     : 96%;
  line-height   : 3.6rem;
}

.contents.product_show .c2 .c21 img,
.contents.product_show .c2 .c22 img,
.contents.product_show .c2 .c23 img,
.contents.product_show .c2 .c24 img {
  width    : auto;
  max-width: 100%;
}
.contents.product_show .c2 .c25 img {
  width    : auto;
  max-width: 750px;
}


.contents.product_show .c2 .title {
  font-size    : 2.4rem;
  color        : #0f4e9b;
  border-bottom: 2px solid #eee;
}

.contents.product_show .c2 .title span {
  line-height  : 6rem;
  display      : inline-block;
  border-bottom: 2px solid #0f4e9b;
  margin-bottom: -2px;
}

.contents.product_show .videoed {
  display      : none;
  width        : 50px;
  height       : 50px;
  position     : absolute;
  left         : 45%;
  top          : 45%;
  z-index      : 99;
  border-radius: 100%;
}

.contents.product_show .videos {
  display    : none;
  border     : 1px solid #080808;
  position   : fixed;
  left       : 50%;
  top        : 50%;
  margin-left: -320px;
  margin-top : -210px;
  z-index    : 100;
  width      : 640px;
  height     : 360px;
  max-width  : 100%;
}

.contents.product_show .vclose {
  position     : absolute;
  right        : 1%;
  top          : 1%;
  border-radius: 100%;
  cursor       : pointer;
  width        : auto;
}

.contents.product_show .modal ul li a {
  display         : block;
  white-space     : nowrap;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  line-height     : 2.4rem;
}

.contents.product_show .modal ul li:hover a {
  color: #0f4e9b;
}

.contents.solution .path {
  background-color: #fff;
}

.contents.solution .path ul {
  padding        : 20px 0;
  overflow       : hidden;
  display        : flex;
  justify-content: center;
  flex-wrap      : wrap;
}


.contents.solution .path ul li {
  /*width     : 25%;*/
  /*float     : left;*/
  margin      : 0;
  text-align  : center;
  position    : relative;
  text-align  : center;
}

.contents.solution .path .qcsolution  ul li
{

  padding   : 0 5px;
  text-align: center;
  
}
.contents.solution .path ul li img {
  width  : auto;
  margin : 0 auto;
  display: block;
  height : 40px;
}

.contents.solution .path ul li .cy {
  display: none;
}

.contents.solution .path ul li.active i {
  position  : absolute;
  width     : 100%;
  height    : 2px;
  background: #0f4e9b;
  left      : 0;
}

.contents.solution .path ul li.active a span {
  color: #0f4e9b;
}

.contents.solution .path ul li.active .cy {
  display: block;
}

.contents.solution .path ul li.active .xs {
  display: none;
}

.contents.solution .path ul li:hover i {
  position  : absolute;
  width     : 100%;
  height    : 2px;
  background: #0f4e9b;
  left      : 0;
}

.contents.solution .path ul li:hover a span {
  color: #0f4e9b;
}

.contents.solution .path ul li:hover .cy {
  display: block;
}

.contents.solution .path ul li:hover .xs {
  display: none;
}

/*.contents.solution .path ul li                 :hover .xs{display:none;}
.contents.solution .path ul li                   :hover .yc{display:none;}
.contents.solution .path ul li                   :hover a span{color:#0f4e9b;}
.contents.solution .path ul li.active .xs{display:block;}
.contents.solution .path ul li.active .yc{display:none;}*/

.contents.solution .path ul li a {
  display: block;
}

.contents.solution .path ul li a span {
  display            : inline-block;
  font-size          : 1.6rem;
  color              : #484848;
  
  line-height        : 4rem;
  background-repeat  : no-repeat;
  background-position: left center;
}

.contents.solution .path ul li a span i {
  position  : relative;
  font-style: normal;
}

.contents.solution .path ul li {
	
	padding: 0 8px;
	}




.contents.solution .c1 {
  padding         : 3% 0;
  background-color: #f2f2f2;
  font-size       : 0;
}

.contents.solution .c1 .pic {
  display       : inline-block;
  vertical-align: middle;
  width         : 45%;
}

.contents.solution .c1 .txt {
  display       : inline-block;
  vertical-align: middle;
  width         : 55%;
  padding-left  : 5%;
}

.contents.solution .c1 .txt h1 {
  position      : relative;
  font-size     : 2.2rem;
  color         : #000;
  padding-bottom: 25px;
  margin-bottom : 3%;
}

.contents.solution .c1 .txt h1::before {
  content         : '';
  position        : absolute;
  left            : 0;
  bottom          : 0;
  width           : 45px;
  height          : 2px;
  background-color: #115eb8;
}

.contents.solution .c1 .txt p {
  font-size  : 1.6rem;
  color      : #666;
  line-height: 3rem;
}

.contents.solution .c1 ul {
  overflow  : hidden;
  margin-top: 3%;
}

.contents.solution .c1 ul li {
  float       : left;
  margin-right: 5%;
}

.contents.solution .c1 ul li a {
  display            : block;
  font-size          : 1.4rem;
  color              : #474747;
  background-repeat  : no-repeat;
  background-position: center top;
  padding-top        : 60px;
  text-align         : center;
}

.contents.solution .c1 ul li:nth-child(1) a {
  background-image: url(/skins/images/document-content.png);
}

.contents.solution .c1 ul li:nth-child(2) a {
  background-image: url(/skins/images/icon_play.png);
}

.contents.solution .c1 ul li:nth-child(3) a {
  background-image: url(/skins/images/content-management.png);
}

.contents.solution .c1 ul li:nth-child(4) a {
  background-image: url(/skins/images/add-file.png);
}

.contents.solution .c2 {
  background-color: #f2f2f2;
}

.contents.solution .c2 p {
  font-size    : 1.6rem;
  color        : #666;
  line-height  : 3rem;
  margin-bottom: 3%;
}

.contents.solution .c3 {
  padding: 3% 0;
}

.contents.solution .c3 li {
  text-align: center;
}
.contents.solution .c3 li img{
  margin:0 auto;
  width:70%;
}
.contents.solution .c3 li p {
  font-size    : 1.6rem;
  color        : #505050;
  margin-bottom: 8%;
}

.contents.solution .c3 li a {
  display         : inline-block;
  width           : 110px;
  height          : 36px;
  line-height     : 36px;
  font-size       : 1.4rem;
  color           : #666;
  background-color: #f4f4f4;
}

.contents.solution .c3 li:hover a {
  color: #2370c4;
}

.contents.solution .videoed {
  display      : none;
  width        : 50px;
  height       : 50px;
  position     : absolute;
  left         : 45%;
  top          : 45%;
  z-index      : 99;
  border-radius: 100%;
}

.contents.solution .videos {
  display    : none;
  border     : 1px solid #080808;
  position   : fixed;
  left       : 50%;
  top        : 50%;
  margin-left: -320px;
  margin-top : -210px;
  z-index    : 100;
  width      : 640px;
  height     : 360px;
  max-width  : 100%;
}

.contents.solution .vclose {
  position     : absolute;
  right        : 1%;
  top          : 1%;
  border-radius: 100%;
  cursor       : pointer;
  width        : auto;
}

.contents.solution .modal ul li a {
  display         : block;
  white-space     : nowrap;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  line-height     : 2.4rem;
}

.contents.solution .modal ul li:hover a {
  color: #0f4e9b;
}

.contents.support .path {
  background-color: #fff;
}

.contents.support .path ul {
  padding : 20px 0;
  overflow: hidden;
}

.contents.support .path ul li {
  width     : 33.3333%;
  float     : left;
  text-align: center;
}

.contents.support .path ul li a {
  display: block;
}

.contents.support .path ul li a span {
  display            : inline-block;
  font-size          : 1.6rem;
  color              : #484848;
  height             : 4rem;
  line-height        : 4rem;
  padding-left       : 55px;
  background-repeat  : no-repeat;
  background-position: left center;
}

.contents.support .path ul li a span i {
  position  : relative;
  font-style: normal;
}

.contents.support .path ul li:nth-child(1) a span {
  background-image: url(/skins/images/support.png);
}

.contents.support .path ul li:nth-child(1).active a span,
.contents.support .path ul li:nth-child(1):hover a span {
  background-image: url(/skins/images/support2.png);
  color           : #115eb8;
}

.contents.support .path ul li:nth-child(3) a span {
  background-image: url(/skins/images/file.png);
}

.contents.support .path ul li:nth-child(3).active a span,
.contents.support .path ul li:nth-child(3):hover a span {
  background-image: url(/skins/images/file2.png);
  color           : #115eb8;
}

.contents.support .path ul li:nth-child(2) a span {
  background-image: url(/skins/images/maintenance.png);
}

.contents.support .path ul li:nth-child(2).active a span,
.contents.support .path ul li:nth-child(2):hover a span {
  background-image: url(/skins/images/maintenance2.png);
  color           : #115eb8;
}

.contents.support .path ul li:nth-child(4) a span {
  background-image: url(/skins/images/execution.png);
}

.contents.support .path ul li:nth-child(4).active a span,
.contents.support .path ul li:nth-child(4):hover a span {
  background-image: url(/skins/images/execution2.png);
  color           : #115eb8;
}

.contents.support .c1 {
  padding-top     : 3%;
  background-color: #f2f2f2;
}

.contents.support .c1 .c1_wrapper {
  background-color: #fff;
  font-size       : 0;
}

.contents.support .c1 .c1_wrapper .pic {
  display       : inline-block;
  vertical-align: middle;
  width         : 38%;
}

.contents.support .c1 .c1_wrapper .txt {
  display       : inline-block;
  vertical-align: middle;
  width         : 62%;
  padding-left  : 5%;
}

.contents.support .c1 .c1_wrapper .txt h1 {
  position      : relative;
  font-size     : 2.2rem;
  color         : #2b2b2b;
  padding-bottom: 20px;
  margin-bottom : 20px;
}

.contents.support .c1 .c1_wrapper .txt h1::before {
  content         : '';
  position        : absolute;
  left            : 0;
  bottom          : 0;
  width           : 70px;
  height          : 3px;
  background-color: #2370c4;
}

.contents.support .c1 .c1_wrapper .txt p {
  font-size  : 1.4rem;
  color      : #666;
  line-height: 2.4rem;
}

.contents.support .c2 {
  padding-top     : 3%;
  background-color: #f2f2f2;
}

.contents.support .c2 .c2_wrapper {
  padding-top     : 3%;
  padding-bottom  : 5%;
  background-color: #fff;
}

.contents.support .c2 ul {
  overflow: hidden;
}

.contents.support .c2 ul li {
  padding-left: 4.5%;
}

.contents.support .c2 ul li h1 {
  position      : relative;
  font-size     : 2.2rem;
  color         : #2b2b2b;
  padding-bottom: 20px;
  margin-bottom : 20px;
}

.contents.support .c2 ul li h1::before {
  content         : '';
  position        : absolute;
  left            : 0;
  bottom          : 0;
  width           : 70px;
  height          : 3px;
  background-color: #2370c4;
}

.contents.support .c2 ul li p {
  font-size  : 1.4rem;
  color      : #666;
  line-height: 2.4rem;
}

.contents.support .c2 ul li:nth-child(2) {
  border-left : 2px solid #e3e3e3;
  border-right: 2px solid #e3e3e3;
}

.contents.support .c3 {
  padding-top     : 3%;
  padding-bottom  : 3%;
  background-color: #f2f2f2;
}

.contents.support .c3 .c3_wrapper {
  padding-top     : 3%;
  padding-bottom  : 5%;
  background-color: #fff;
}

.contents.support .c3 .title {
  text-align: center;
}

.contents.support .c3 .title h1 {
  position      : relative;
  font-size     : 2.2rem;
  color         : #2b2b2b;
  padding-bottom: 20px;
  margin-bottom : 20px;
}

.contents.support .c3 .title h1::before {
  content          : '';
  position         : absolute;
  left             : 50%;
  bottom           : 0;
  -webkit-transform: translateX(-50%);
  -ms-transform    : translateX(-50%);
  transform        : translateX(-50%);
  width            : 70px;
  height           : 3px;
  background-color : #2370c4;
}

.contents.support .c3 ul {
  overflow: hidden;
}

.contents.support .c3 ul li {
  padding-left: 4.5%;
}

.contents.support .c3 ul li .li_wrapper {
  position: relative;
  height  : 198px;
  border  : 1px solid #e8e8e8;
}

.contents.support .c3 ul li .li_wrapper .li_box {
  position           : absolute;
  left               : 50%;
  top                : 50%;
  -webkit-transform  : translate(-50%, -50%);
  -ms-transform      : translate(-50%, -50%);
  transform          : translate(-50%, -50%);
  padding-left       : 24%;
  background-repeat  : no-repeat;
  background-position: left center;
  background-size    : auto 100%;
}

.contents.support .c3 ul li .li_wrapper .li_box h1,
.contents.support .c3 ul li .li_wrapper .li_box p,
.contents.support .c3 ul li .li_wrapper .li_box a {
  font-size    : 1.5rem;
  color        : #666;
  margin-bottom: 15px;
  white-space  : nowrap;
}

.contents.support .c3 ul li .li_wrapper .li_box a {
  color: #2370c4;
}

.contents.support .c3 ul li:nth-child(1) .li_wrapper .li_box {
  background-image: url(/skins/images/phone-call.png);
}

.contents.support .c3 ul li:nth-child(2) .li_wrapper .li_box {
  background-image: url(/skins/images/supp.png);
}

.contents.support .c3 ul li:nth-child(3) .li_wrapper .li_box {
  background-image: url(/skins/images/email.png);
}

.contents.support2 .path {
  background-color: #fff;
}

.contents.support2 .path ul {
  padding : 20px 0;
  overflow: hidden;
}

.contents.support2 .path ul li {
  width     : 33.3333%;
  float     : left;
  text-align: center;
}

.contents.support2 .path ul li a {
  display: block;
}

.contents.support2 .path ul li a span {
  display            : inline-block;
  font-size          : 1.6rem;
  color              : #484848;
  height             : 4rem;
  line-height        : 4rem;
  padding-left       : 40px;
  background-repeat  : no-repeat;
  background-position: left center;
}

.contents.support2 .path ul li a span i {
  position  : relative;
  font-style: normal;
}

.contents.support2 .path ul li:nth-child(1) a span {
  background-image: url(/skins/images/support.png);
}

.contents.support2 .path ul li:nth-child(1).active a span,
.contents.support2 .path ul li:nth-child(1):hover a span {
  background-image: url(/skins/images/support2.png);
  color           : #115eb8;
}

.contents.support2 .path ul li:nth-child(2) a span {
  background-image: url(/skins/images/file.png);
}

.contents.support2 .path ul li:nth-child(2).active a span,
.contents.support2 .path ul li:nth-child(2):hover a span {
  background-image: url(/skins/images/file2.png);
  color           : #115eb8;
}

.contents.support2 .path ul li:nth-child(3) a span {
  background-image: url(/skins/images/maintenance.png);
}

.contents.support2 .path ul li:nth-child(3).active a span,
.contents.support2 .path ul li:nth-child(3):hover a span {
  background-image: url(/skins/images/maintenance2.png);
  color           : #115eb8;
}

.contents.support2 .path ul li:nth-child(4) a span {
  background-image: url(/skins/images/execution.png);
}

.contents.support2 .path ul li:nth-child(4).active a span,
.contents.support2 .path ul li:nth-child(4):hover a span {
  background-image: url(/skins/images/execution2.png);
  color           : #115eb8;
}

.contents.support2 .c1 {
  padding-top     : 3%;
  background-color: #f2f2f2;
}

.contents.support2 .c1 ul {
  overflow      : hidden;
  padding-bottom: 3%;
  border-bottom : 2px solid #ececec;
}

.contents.support2 .c1 ul li a {
  display          : block;
  background-color : #fff;
  background-image : url(/skins/images/bgrepeat.jpg);
  background-repeat: repeat;
  text-align       : center;
  padding-top      : 8%;
  padding-bottom   : 8%;
}

.contents.support2 .c1 ul li a span {
  display          : inline-block;
  background-repeat: no-repeat;
  background-size  : auto 100%;
  text-align       : center;
  height           : 50px;
  line-height      : 50px;
  padding-left     : 30%;
}

.contents.support2 .c1 ul li:nth-child(1) a span {
  background-image: url(/skins/images/box.png);
}

.contents.support2 .c1 ul li:nth-child(2) a span {
  background-image: url(/skins/images/release.png);
}

.contents.support2 .c1 ul li:nth-child(3) a span {
  background-image: url(/skins/images/flyer.png);
}

.contents.support2 .c1 ul li:nth-child(4) a span {
  background-image: url(/skins/images/software.png);
}

.contents.support2 .c2 {
  padding-top     : 1.5%;
  background-color: #f2f2f2;
}

.contents.support2 .c2 form {
  width           : 250px;
  max-width       : 100%;
  border          : none;
  border-radius   : 5px;
  font-size       : 0;
  background-color: #fff;
  float           : right;
}

.contents.support2 .c2 form input {
  display         : inline-block;
  vertical-align  : middle;
  width           : 85%;
  height          : 3.8rem;
  line-height     : 3.8rem;
  padding         : 5px 10px;
  font-size       : 1.4rem;
  border          : 0;
  color           : #000;
  background-color: #fff;
}

.contents.support2 .c2 form input:focus {
  outline: none;
}

.contents.support2 .c2 form button {
  display         : inline-block;
  vertical-align  : middle;
  width           : 15%;
  height          : 3.8rem;
  outline         : 0;
  border          : 0;
  font-size       : 1.8rem;
  text-align      : center;
  color           : #000;
  background-color: transparent;
}

.contents.support2 .c3 {
  padding         : 3% 0;
  background-color: #f2f2f2;
}

.contents.support2 .c3 ul {
  display: none;
}

.contents.support2 .c3 ul li {
  margin-bottom: 30px;
}

.contents.support2 .c3 ul li .title {
  padding-left    : 15px;
  padding-right   : 15px;
  border-bottom   : 1px solid #ededed;
  background-color: #fff;
}

.contents.support2 .c3 ul li .title h1 {
  position        : relative;
  font-size       : 1.6rem;
  padding-left    : 40px;
  padding-right   : 40px;
  background      : url(/skins/images/searchico.jpg) no-repeat left center;
  white-space     : nowrap;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
  height          : 5rem;
  line-height     : 5rem;
}

.contents.support2 .c3 ul li .title h1 a {
  position         : absolute;
  right            : 0;
  top              : 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform    : translateY(-50%);
  transform        : translateY(-50%);
}

.contents.support2 .c3 ul li .txt {
  padding         : 25px;
  color           : #494949;
  background-color: #fff;
  height          : 106px;
  overflow        : hidden;
}

.contents.support2 .c3 ul li .txt p {
  line-height: 2.4rem;
  font-size  : 1.4rem;
  height     : 4.6666rem;
  overflow   : hidden;
}

.contents.support2 .c3 ul.on {
  display: block;
}

.contents.support3 .path {
  background-color: #fff;
}

.contents.support3 .path ul {
  padding : 20px 0;
  overflow: hidden;
}

.contents.support3 .path ul li {
  width     : 33.3333%;
  float     : left;
  text-align: center;
}

.contents.support3 .path ul li a {
  display: block;
}

.contents.support3 .path ul li a span {
  display            : inline-block;
  font-size          : 1.6rem;
  color              : #484848;
  height             : 4rem;
  line-height        : 4rem;
  padding-left       : 55px;
  background-repeat  : no-repeat;
  background-position: left center;
}

.contents.support3 .path ul li a span i {
  position  : relative;
  font-style: normal;
}

.contents.support3 .path ul li:nth-child(1) a span {
  background-image: url(/skins/images/support.png);
}

.contents.support3 .path ul li:nth-child(1).active a span,
.contents.support3 .path ul li:nth-child(1):hover a span {
  background-image: url(/skins/images/support2.png);
  color           : #115eb8;
}

.contents.support3 .path ul li:nth-child(3) a span {
  background-image: url(/skins/images/file.png);
}

.contents.support3 .path ul li:nth-child(3).active a span,
.contents.support3 .path ul li:nth-child(3):hover a span {
  background-image: url(/skins/images/file2.png);
  color           : #115eb8;
}

.contents.support3 .path ul li:nth-child(2) a span {
  background-image: url(/skins/images/maintenance.png);
}

.contents.support3 .path ul li:nth-child(2).active a span,
.contents.support3 .path ul li:nth-child(2):hover a span {
  background-image: url(/skins/images/maintenance2.png);
  color           : #115eb8;
}

.contents.support3 .path ul li:nth-child(4) a span {
  background-image: url(/skins/images/execution.png);
}

.contents.support3 .path ul li:nth-child(4).active a span,
.contents.support3 .path ul li:nth-child(4):hover a span {
  background-image: url(/skins/images/execution2.png);
  color           : #115eb8;
}

.contents.support3 .c1 {
  padding         : 3% 0;
  background-color: #f2f2f2;
}

.contents.support3 .c1 ul {
  background-color: #fff;
  padding-left    : 5.5%;
  padding-right   : 5.5%;
}

.contents.support3 .c1 li {
  overflow      : hidden;
  padding-top   : 5.5%;
  padding-bottom: 4%;
  border-bottom : 1px solid #ececec;
}

.contents.support3 .c1 li .progs_icon {
  width        : 12%;
  float        : left;
  padding-left : 5px;
  padding-right: 5px;
  text-align   : center;
}

.contents.support3 .c1 li .progs_icon img {
  width    : auto;
  max-width: 100%;
}

.contents.support3 .c1 li .progs {
  width     : 16.5%;
  float     : left;
  font-size : 2.2rem;
  color     : #2b2b2b;
  text-align: center;
}

.contents.support3 .c1 li .progs p {
  margin-top   : 5px;
  margin-bottom: 10%;
}

.contents.support3 .c1 li .progs img {
  width    : auto;
  max-width: 100%;
}

.contents.support3 .c1 li .description {
  width: 71.5%;
  float: left;
}

.contents.support3 .c1 li .description p {
  font-size  : 1.4rem;
  color      : #666;
  line-height: 2.4rem;
}

.contents.news .path {
  background-color: #fff;
}

.contents.news .path ul {
  padding : 20px 0;
  overflow: hidden;
}

.contents.news .path ul li {
  width     : 33.333%;
  float     : left;
  text-align: center;
}

.contents.news .path ul li a {
  display: block;
}

.contents.news .path ul li a span {
  display            : inline-block;
  font-size          : 1.6rem;
  color              : #484848;
  height             : 4rem;
  line-height        : 4rem;
  padding-left       : 55px;
  background-repeat  : no-repeat;
  background-position: left center;
}

.contents.news .path ul li a span i {
  position  : relative;
  font-style: normal;
}

.contents.news .path ul li:nth-child(1) a span {
  background-image: url(/skins/images/safety.png);
}

.contents.news .path ul li:nth-child(1).active a span,
.contents.news .path ul li:nth-child(1):hover a span {
  background-image: url(/skins/images/safety2.png);
  color           : #115eb8;
}

.contents.news .path ul li:nth-child(2) a span {
  background-image: url(/skins/images/files.png);
}

.contents.news .path ul li:nth-child(2).active a span,
.contents.news .path ul li:nth-child(2):hover a span {
  background-image: url(/skins/images/files2.png);
  color           : #115eb8;
}

.contents.news .path ul li:nth-child(3) a span {
  background-image: url(/skins/images/Questions.png);
}

.contents.news .path ul li:nth-child(3).active a span,
.contents.news .path ul li:nth-child(3):hover a span {
  background-image: url(/skins/images/Questions2.png);
  color           : #115eb8;
}

.contents.news .path ul li:nth-child(4) a span {
  background-image: url(/skins/images/execution.png);
}

.contents.news .path ul li:nth-child(4).active a span,
.contents.news .path ul li:nth-child(4):hover a span {
  background-image: url(/skins/images/execution2.png);
  color           : #115eb8;
}

.contents.news .c1 {
  padding         : 3% 0;
  background-color: #f2f2f2;
}

.contents.news .c1 ul {
  overflow: hidden;
}

.contents.news .c1 ul li {
  margin-bottom: 2.5%;
}

.contents.news .c1 ul li .txt {
  background-color: #fff;
  padding         : 8%;
  border          : 2px solid #eaeaea;
}

.contents.news .c1 ul li .txt h1 {
  font-size    : 1.8rem;
  color        : #0e1110;
  line-height  : 100%;
  margin-bottom: 5%;
}

.contents.news .c1 ul li .txt h1 a {
  display         : block;
  font-size       : 1.8rem;
  color           : #0e1110;
  line-height     : 100%;
  white-space     : nowrap;
  overflow        : hidden;
  -o-text-overflow: ellipsis;
  text-overflow   : ellipsis;
}

.contents.news .c1 ul li .txt p {
  font-size    : 1.4rem;
  color        : #666;
  line-height  : 2.4rem;
  height       : 4.6666rem;
  overflow     : hidden;
  margin-bottom: 10px;
}

.contents.news .c1 ul li .txt span {
  font-size  : 1.4rem;
  font-weight: lighter;
  color      : #666;
}

.contents.news .c1 ul li:hover .txt h1 a {
  color: #2370c4;
}

.contents.new_show .path {
  background-color: #fff;
}

.contents.new_show .path ul {
  padding : 20px 0;
  overflow: hidden;
}

.contents.new_show .path ul li {
  width     : 33.333%;
  float     : left;
  text-align: center;
}

.contents.new_show .path ul li a {
  display: block;
}

.contents.new_show .path ul li a span {
  display            : inline-block;
  font-size          : 1.6rem;
  color              : #484848;
  height             : 4rem;
  line-height        : 4rem;
  padding-left       : 55px;
  background-repeat  : no-repeat;
  background-position: left center;
}

.contents.new_show .path ul li a span i {
  position  : relative;
  font-style: normal;
}

.contents.new_show .path ul li:nth-child(1) a span {
  background-image: url(/skins/images/safety.png);
}

.contents.new_show .path ul li:nth-child(1).active a span,
.contents.new_show .path ul li:nth-child(1):hover a span {
  background-image: url(/skins/images/safety2.png);
  color           : #115eb8;
}

.contents.new_show .path ul li:nth-child(2) a span {
  background-image: url(/skins/images/files.png);
}

.contents.new_show .path ul li:nth-child(2).active a span,
.contents.new_show .path ul li:nth-child(2):hover a span {
  background-image: url(/skins/images/files2.png);
  color           : #115eb8;
}

.contents.new_show .path ul li:nth-child(3) a span {
  background-image: url(/skins/images/Questions.png);
}

.contents.new_show .path ul li:nth-child(3).active a span,
.contents.new_show .path ul li:nth-child(3):hover a span {
  background-image: url(/skins/images/Questions2.png);
  color           : #115eb8;
}

.contents.new_show .path ul li:nth-child(4) a span {
  background-image: url(/skins/images/execution.png);
}

.contents.new_show .path ul li:nth-child(4).active a span,
.contents.new_show .path ul li:nth-child(4):hover a span {
  background-image: url(/skins/images/execution2.png);
  color           : #115eb8;
}

.contents.new_show .c1 {
  padding         : 3% 0;
  background-color: #f2f2f2;
}

.contents.new_show .c1 .art {
  width:100%;
  padding:2em;
  background-color:#FFF;
}
.contents.new_show .c1 .art .title {
  text-align   : center;
  margin-bottom: 3%;
}

.contents.new_show .c1 .art .title h1 {
  font-size: 2rem;
  color    : #444;
}

.contents.new_show .c1 .art .title p {
  margin-top: 20px;
}

.contents.new_show .c1 .art .title p span {
  font-size: 1.2rem;
  color    : #666;
  margin   : 0 10px;
}
.contents.new_show .c1 .art article
{ line-height: 2.4rem;}

.contents.new_show .c1 .art article p {
  font-size  : 1.4rem;
  line-height: 2.4rem;
  color      : #444;
}
.contents.new_show .c1 .art article table,tr,td {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #999;
    padding: 0.5em 0.5em;
    margin: auto;
    line-height: 20px;
}
.contents.new_show .c1 .art article img {
  width:100%; 
  display: inline-block; 
  vertical-align: middle;
  margin: 0 auto;
  max-width:600px;
  
}

.contents.contact .path {
  background-color: #fff;
}

.contents.contact .path ul {
  padding : 20px 0;
  overflow: hidden;
}

.contents.contact .path ul li {
  width     : 50%;
  float     : left;
  text-align: center;
}

.contents.contact .path ul li a {
  display: block;
}

.contents.contact .path ul li a span {
  display            : inline-block;
  font-size          : 1.6rem;
  color              : #484848;
  height             : 4rem;
  line-height        : 4rem;
  padding-left       : 55px;
  background-repeat  : no-repeat;
  background-position: left center;
}

.contents.contact .path ul li a span i {
  position  : relative;
  font-style: normal;
}

.contents.contact .path ul li:nth-child(1) a span {
  background-image: url(/skins/images/emails.png);
}

.contents.contact .path ul li:nth-child(1).active a span,
.contents.contact .path ul li:nth-child(1):hover a span {
  background-image: url(/skins/images/emails2.png);
  color           : #115eb8;
}

.contents.contact .path ul li:nth-child(2) a span {
  background-image: url(/skins/images/recruitment.png);
}

.contents.contact .path ul li:nth-child(2).active a span,
.contents.contact .path ul li:nth-child(2):hover a span {
  background-image: url(/skins/images/recruitment2.png);
  color           : #115eb8;
}

.contents.contact .c1 {
  padding-top     : 3%;
  background-color: #f2f2f2;
}

.contents.contact .c1 .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.contents.contact .c1 .col-sm-4 {
  -webkit-box-flex: 1;
  -moz-box-flex   : 1;
  -ms-flex        : 1;
  flex            : 1;
  float           : none;
  background-color: #fff;
  margin          : 15px;
}

.contents.contact .c1 .detail-item:nth-child(1) h1 {
  background-image: url(/skins/images/building.png);
}

.contents.contact .c1 .detail-item:nth-child(2) h1 {
  background-image: url(/skins/images/emaile.png);
}

.contents.contact .c1 .detail-item:nth-child(3) h1 {
  background-image: url(/skins/images/phone-calls.png);
}

.contents.contact .c1 .txt {
  padding: 10%;
}

.contents.contact .c1 .txt h1 {
  font-size          : 2.2rem;
  color              : #0f5ea8;
  line-height        : 3rem;
  margin-bottom      : 30px;
  padding-left       : 55px;
  background-repeat  : no-repeat;
  background-position: left center;
}

.contents.contact .c1 .txt p {
  font-size  : 1.4rem;
  color      : #666;
  line-height: 4.4rem;
}

.contents.contact .c2 {
  padding-top     : 30px;
  padding-bottom  : 30px;
  background-color: #f2f2f2;
}

.contents.contact .c2 .c2_box {
  background-color: #fff;
  padding         : 5% 4%;
}

.contents.contact .c2 .c2_box h1 {
  font-size    : 2.2rem;
  color        : #414141;
  text-align   : center;
  margin-bottom: 20px;
}

.contents.contact .c2 .c2_box p {
  font-size    : 1.4rem;
  color        : #444;
  text-align   : center;
  margin-bottom: 5%;
}

.contents.contact .c2 form {
  width   : 100%;
  overflow: hidden;
}

.contents.contact .c2 form .f_left input {
  width        : 100%;
  height       : 58px;
  line-height  : 58px;
  font-size    : 1.6rem;
  color        : #666;
  border       : 1px solid #dcdcdc;
  padding      : 20px;
  margin-bottom: 25px;
}

.contents.contact .c2 form .f_right textarea {
  width        : 100%;
  height       : 310px;
  font-size    : 1.6rem;
  color        : #666;
  border       : 1px solid #dcdcdc;
  padding      : 20px;
  margin-bottom: 25px;
}

.contents.contact .c2 form .f_btn {
  text-align: right;
}

.contents.contact .c2 form .f_btn button {
  width      : 150px;
  height     : 40px;
  line-height: 40px;
  font-size  : 1.6rem;
}

.contents.contact .c2 form .f_btn button[type="submit"] {
  background-color: #0372cd;
  color           : #fff;
}

.contents.contact .c3 {
  padding  : 3% 0;
  width    : 1400px;
  margin   : 0 auto;
  max-width: 100%;
  text-align: center;
}

.contents.contact .c3 h1 {
  font-size    : 2.2rem;
  color        : #2f2f2f;
  text-align   : center;
  margin-bottom: 30px;
}

.contents.contact .c3 p {
  font-size    : 1.4rem;
  color        : #444444;
  line-height  : 2.4rem;
  max-width    : 630px;
  text-align   : center;
  margin       : 0 auto;
  margin-bottom: 5%;
  display:none;
}

.contents.contact .c3 .address {
  text-align: left !important;
}

.contents.contact2 .path {
  background-color: #fff;
}

.contents.contact2 .path ul {
  padding : 20px 0;
  overflow: hidden;
}

.contents.contact2 .path ul li {
  width     : 50%;
  float     : left;
  text-align: center;
}

.contents.contact2 .path ul li a {
  display: block;
}

.contents.contact2 .path ul li a span {
  display            : inline-block;
  font-size          : 1.6rem;
  color              : #484848;
  height             : 4rem;
  line-height        : 4rem;
  padding-left       : 55px;
  background-repeat  : no-repeat;
  background-position: left center;
}

.contents.contact2 .path ul li a span i {
  position  : relative;
  font-style: normal;
}

.contents.contact2 .path ul li:nth-child(1) a span {
  background-image: url(/skins/images/emails.png);
}

.contents.contact2 .path ul li:nth-child(1).active a span,
.contents.contact2 .path ul li:nth-child(1):hover a span {
  background-image: url(/skins/images/emails2.png);
  color           : #115eb8;
}

.contents.contact2 .path ul li:nth-child(2) a span {
  background-image: url(/skins/images/recruitment.png);
}

.contents.contact2 .path ul li:nth-child(2).active a span,
.contents.contact2 .path ul li:nth-child(2):hover a span {
  background-image: url(/skins/images/recruitment2.png);
  color           : #115eb8;
}

.contents.contact2 .c1 {
  background-color: #f3f3f3;
  padding         : 3.64583% 0;
}

.contents.contact2 .c1 .panel {
  border-color      : #e9e9e9;
  border-radius     : 0;
  -webkit-box-shadow: none;
  box-shadow        : none;
  margin-bottom     : 15px;
}

.contents.contact2 .c1 .panel .panel-heading {
  background-color: #fff;
  border-color    : #e9e9e9;
}

.contents.contact2 .c1 .panel .panel-heading+.panel-collapse .panel-body {
  border-color: #e9e9e9;
  padding     : 3%;
}

.contents.contact2 .c1 .panel .panel-heading+.panel-collapse .panel-body p {
  font-size  : 1.4rem;
  color      : #8e8e8e;
  line-height: 3rem;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title [aria-expanded="true"] .detail span::after {
  -webkit-transform: rotate(90deg);
  -ms-transform    : rotate(90deg);
  transform        : rotate(90deg);
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a {
  display          : -webkit-box;
  display          : -moz-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-pack : center;
  -moz-box-pack    : center;
  -ms-flex-pack    : center;
  justify-content  : center;
  -webkit-box-align: center;
  -moz-box-align   : center;
  -ms-flex-align   : center;
  align-items      : center;
  padding          : 3% 0;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a>div {
  -webkit-box-flex: 1;
  -moz-box-flex   : 1;
  -ms-flex        : 1;
  flex            : 1;
  text-align      : center;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a .name {
  font-size: 1.8rem;
  color    : #196797;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a .salary {
  font-size: 1.8rem;
  color    : #196797;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a .date {
  font-size: 1.4rem;
  color    : #8e8e8e;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a .detail span {
  position     : relative;
  display      : inline-block;
  font-size    : 1.4rem;
  height       : 20px;
  line-height  : 20px;
  color        : #8e8e8e;
  padding-right: 30px;
}

.contents.contact2 .c1 .panel .panel-heading .panel-title a .detail span::after {
  content   : '';
  position  : absolute;
  right     : 0;
  top       : 0;
  width     : 20px;
  height    : 20px;
  background: url(/skins/images/more.png) no-repeat right center;
}



footer {
/*  background-color: #2370c4;*/
  background-color: #142d4e;
  padding-top     : 3.5%;
  padding-bottom  : 3.5%;
}

footer .footer_box {
  overflow: hidden;
}

footer .foot_nav {
  width          : 80%;
  float          : left;
  display        : flex;
  justify-content: space-around;
}

/*修改*/
footer .foot_nav dl {
  /*width        : 14%;*/
  float          : left;
  /* padding-left: 2%*/
  ;
}

footer .foot_nav dl img {
  width     : 132px;
  display   : block;
  margin-top: 8px;
}

/*修改结束*/

footer .foot_nav dl dt {
  font-size    : 1.8rem;
  color        : #fff;
  margin-bottom: 25px;
  font-weight  : normal;
}

footer .foot_nav dl dd {
  font-size  : 1.6rem;
  color      : rgba(255, 255, 255, 0.6);
  line-height: 3rem;
}

footer .foot_nav dl dd a {
  font-size  : 1.6rem;
  color      : rgba(255, 255, 255, 0.6);
  line-height: 3rem;
}

footer .foot_nav dl dd:hover a {
  color: #fff;
}

footer .foot_share {
  width     : 20%;
  float     : right;
  font-size : 1.6rem;
  color     : #004994;
  text-align: right;
}

footer .foot_share .bdsharebuttonbox a {
  width              : 40px;
  height             : 40px;
  margin-top         : 0;
  margin-bottom      : 0;
  float              : left;
  background-position: center center !important;
  background-color   : #065fc5;
  border-radius      : 50%;
  margin-right       : 15px;
}

footer .foot_share .bdsharebuttonbox a.bds_tsina {
  background-image: url(/skins/images/weibo.png);
}

footer .foot_share .bdsharebuttonbox a.bds_sqq {
  background-image: url(/skins/images/qq.png);
}

footer .foot_share .bdsharebuttonbox a.bds_weixin {
  background-image: url(/skins/images/wechat.png);
}

footer .foot_share .foot-search {
  margin-top: 20%;
}

footer .foot_share .foot-search form {
  width           : 250px;
  max-width       : 100%;
  border          : none;
  border-radius   : 5px;
  font-size       : 0;
  background-color: #065fc5;





}

footer .foot_share .foot-search form input {
  display         : inline-block;
  vertical-align  : middle;
  width           : 85%;
  height          : 3.8rem;
  line-height     : 3.8rem;
  padding         : 5px 10px;
  font-size       : 1.4rem;
  border          : 0;
  color           : #fff;
  background-color: #065fc5;
}

footer .foot_share .foot-search form input:focus {
  outline: none;
}

footer .foot_share .foot-search form ::-webkit-input-placeholder {
  color      : #fff;
  font-weight: 400;
}

footer .foot_share .foot-search form :-moz-placeholder {
  color      : #fff;
  font-weight: 400;
}

footer .foot_share .foot-search form ::-moz-placeholder {
  color      : #fff;
  font-weight: 400;
}

footer .foot_share .foot-search form :-ms-input-placeholder {
  color      : #fff !important;
  font-weight: 400 !important;
}

footer .foot_share .foot-search form ::-ms-input-placeholder {
  color      : #fff;
  font-weight: 400;
}

footer .foot_share .foot-search form ::placeholder {
  color      : #fff;
  font-weight: 400;
}

footer .foot_share .foot-search form button {
  display         : inline-block;
  vertical-align  : middle;
  width           : 15%;
  height          : 3.8rem;
  outline         : 0;
  border          : 0;
  font-size       : 1.8rem;
  text-align      : center;
  color           : #fff;
  background-color: transparent;
}

.bq {
/*  background-color: #034ba4;*/
  background-color: #0f1c2d;
  padding-top     : 2.4rem;
  padding-bottom  : 1.8rem;
  overflow        : hidden;
}

.bq .copy {
  font-size  : 1.2rem;
  color      : #e0e9f4;
  line-height: 1.7rem;
  float      : left;
}

.bq .copy a {
  font-size  : 1.2rem;
  color      : #e0e9f4;
  display: none;
}

.bq ul {
  float: right;
}

.bq ul li {
  float: left;
}

.bq ul li a {
  font-size    : 1.2rem;
  color        : #abd2fe;
  border-right : 1px solid #1d5dad;
  padding-left : 25px;
  padding-right: 25px;
}

.bq ul li:hover a {
  color: #fff;
}

.bq ul li:last-child a {
  border-right: 0;
}

.share>li {
  width  : 32px;
  height : 32px;
  display: inline-block;
  margin : 0 5px;
}

.mobile-foot {
  background: #163a9b;
}
.contents.about .path ul .active a span{color:#005cce}
.contents.about .path ul li:hover a span{color:#005cce}
.contents.about .path ul  li 

.mobile-foot>.container>.panel-group {
  margin-bottom: 5px;
}

.mobile-foot>.container>.panel-group>.panel {
  border-radius: 0;
  margin-top   : 0;
}

.mobile-foot>.container>.panel-group>.panel>.panel-heading {
  background: #163a9b;
  opacity   : 1;
}

.mobile-foot .panel-primary>.panel-heading {
  background-color: #000;
  border-radius   : 0;
  color           : #fff;
  opacity         : 0.7;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>form>input {
  width        : 100%;
  height       : 30px;
  padding      : 9px 11px;
  border       : 1px solid #dcdcdc;
  border-radius: 5px;
  margin-bottom: 5px;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>form>input:focus {
  outline: none;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>form>textarea {
  width        : 100%;
  height       : 80px;
  padding      : 9px 11px;
  border       : 1px solid #dcdcdc;
  border-radius: 5px;
  resize       : none;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>form>textarea:focus {
  outline: none;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>form>button {
  width        : 64px;
  height       : 30px;
  background   : #cb9200;
  color        : #fff;
  text-align   : center;
  border       : 0;
  border-radius: 5px;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>dl>dd {
  padding-left       : 35px;
  line-height        : 35px;
  background-position: left top 7px;
  background-repeat  : no-repeat;
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>dl>dd:nth-of-type(1) {
  background-image: url(/skins/images/searchico.png);
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>dl>dd:nth-of-type(2) {
  background-image: url(/skins/images/searchico.png);
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>dl>dd:nth-of-type(3) {
  background-image: url(/skins/images/searchico.png);
}

.mobile-foot .panel-primary>.panel-collapse>.list-group>.list-group-item>a>span {
  margin-left: 10px;
}

.mobile-foot img {
  width: auto !important;
}

.mobile-foot>.container {
  padding: 0;
}

.mobile-foot .panel-title>a {
  display: block;
}

.mobile-foot .panel-title>a:hover {
  color: #fff;
}

.mobile-foot .panel-body {
  padding: 0 !important;
}

#ups-banner .swiper-slide {
  position: relative;
}

#ups-banner .swiper-slide .content {
  position         : absolute;
  left             : 15%;
  top              : 50%;
  z-index          : 3;
  -webkit-transform: translateY(-50%);
  -ms-transform    : translateY(-50%);
  transform        : translateY(-50%);
}

#ups-banner .swiper-slide .content .txt {
  font-family      : 'Gotham Light';
  -webkit-animation: heart 1.3s ease-in-out infinite alternate;
  animation        : heart 1.3s ease-in-out infinite alternate;
}

#ups-banner .swiper-slide .content .txt h3 {
  font-size    : 4rem;
  color        : #fff;
  margin-bottom: 20px;
}

#ups-banner .swiper-slide .content .txt h2 {
  font-size    : 5.4rem;
  color        : #fff;
  font-weight  : bold;
  margin-bottom: 25px;
}

#ups-banner .swiper-slide .content .txt p {
  font-size  : 1.8rem;
  color      : #fff;
  line-height: 3.2rem;
  max-width  : 55%;
}

#ups-banner .swiper-slide .content a {
  display      : block;
  width        : 20%;
  height       : 40px;
  line-height  : 40px;
  text-align   : center;
  font-size    : 1.8rem;
  color        : #ffffff;
  background   : url(/skins/images/a_bg.png) no-repeat center center;
  overflow     : hidden;
  border-radius: 20px;
  margin-top   : 5%;
}

#ups-banner .swiper-pagination {
  position  : absolute;
  left      : 15%;
  bottom    : 22%;
  text-align: left;
}

#ups-banner .swiper-pagination .swiper-pagination-bullet {
  width           : 15px;
  height          : 15px;
  border          : 1px solid #fff;
  background-color: transparent;
  opacity         : 1;
}

#ups-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}

@-webkit-keyframes heart {
  from {
    -webkit-transform: translate(0, 0);
    transform        : translate(0, 0);
  }

  to {
    -webkit-transform: translate(0, 12px);
    transform        : translate(0, 12px);
  }
}

@keyframes heart {
  from {
    -webkit-transform: translate(0, 0);
    transform        : translate(0, 0);
  }

  to {
    -webkit-transform: translate(0, 12px);
    transform        : translate(0, 12px);
  }
}

@-webkit-keyframes hearts {
  from {
    -webkit-transform: translate(-50%, -50%);
    transform        : translate(-50%, -50%);
  }

  to {
    -webkit-transform: translate(-50%, -55%);
    transform        : translate(-50%, -55%);
  }
}

@keyframes hearts {
  from {
    -webkit-transform: translate(-50%, -50%);
    transform        : translate(-50%, -50%);
  }

  to {
    -webkit-transform: translate(-50%, -55%);
    transform        : translate(-50%, -55%);
  }
}

.btn_aside {
  position          : fixed;
  -webkit-transition: bottom ease 1s;
  -o-transition     : bottom ease 1s;
  transition        : bottom ease 1s;
  right             : 10px;
  bottom            : -220px;
  z-index           : 3;
}

.btn_aside>.cbbtn {
  padding   : 12.5px;
  width     : 55px;
  height    : 55px;
  margin-top: 1px;
  display   : block;
  cursor    : pointer;
  background: #0a92dc;
}

.btn_aside>.cbbtn#cweixin>div {
  background     : url(/skins/images/searchico.jpg);
  background-size: 100% 100%;
  width          : 140px;
  height         : 140px;
  position       : relative;
  bottom         : 130px;
  right          : 1604px;
  display        : none;
}

.btn_aside>.cbbtn#gotop {
  -webkit-transition: background-color ease 0.3s;
  -o-transition     : background-color ease 0.3s;
  transition        : background-color ease 0.3s;
}

.btn_aside>.cbbtn>.yy-icon {
  display          : inline-block;
  *display         : inline;
  *zoom            : 1;
  overflow         : hidden;
  background-repeat: no-repeat;
  background-image : url(/skins/images/searchico.png);
}

.btn_aside>.cbbtn>.yy-icon.yy-weixin {
  width              : 30px;
  height             : 30px;
  background-position: -40px -80px;
}

.btn_aside>.cbbtn>.yy-icon.yy-qq {
  width              : 30px;
  height             : 30px;
  background-position: 0px 0px;
}

.btn_aside>.cbbtn>.yy-icon.yy-gt {
  width              : 30px;
  height             : 30px;
  background-position: -40px -40px;
}

.btn_aside>.cbbtn>.yy-icon.yy-tell {
  width              : 30px;
  height             : 30px;
  background-position: 0px -120px;
}

.btn_aside>.cbbtn>.yy-icon.yy-skype {
  width              : 30px;
  height             : 30px;
  background-position: -40px 0px;
}

@media (max-width: 1829px) and (min-width: 1600px) {
  .header .mainnav li {
    padding-left : 1.5%;
    padding-right: 1.5%;
  }

  .header .mainnav li .one-title a {
    font-size: 1.6rem;
  }

  .header .navbar-others .navbar-phone span {
    font-size: 2rem;
  }
}

@media (max-width: 1599px) and (min-width: 1400px) {
  .header .mainnav li {
    padding-left : 1.5%;
    padding-right: 1.5%;
  }

  .header .mainnav li .one-title a {
    font-size: 1.6rem;
  }

  .header .navbar-others .navbar-phone span {
    font-size: 1.4rem;
  }

  .header .navbar-others .navbar-lang .lang_now {
    padding-left : 25px;
    padding-right: 10px;
  }

  .header .navbar-others .navbar-phone span {
    padding-left: 20px;
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .header .mainnav li {
    padding-left : 1%;
    padding-right: 1%;
  }

  .header .mainnav li .one-title a {
    font-size: 1.4rem;
  }

  .header .navbar-others .navbar-phone span {
    font-size: 1.2rem;
  }

  .header .navbar-others .navbar-lang .lang_now {
    padding-left : 22px;
    padding-right: 6px;
  }

  .header .navbar-others .navbar-phone span {
    padding-left   : 20px;
    background-size: auto 100%;
  }

  .header .navbar-others .navbar-lang .lang_now h1 {
    font-size: 1.4rem;
  }

  .header .navbar-others .navbar-search form input,
  .header .navbar-others .navbar-search form button {
    height     : 2.4rem;
    line-height: 2.4rem;
  }

  .header .navbar-others {
    padding-top: 12px;
  }

  .main .m4 .about_wrapper,
  .main .m4 .new_wrapper {
    width: 100%;
  }

  .main .m4 .new_wrapper .new_con {
    width : 800px;
    margin: 0 auto;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .header {
    background-color  : #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow        : 0 2px 6px rgba(0, 0, 0, 0.1);
    padding-top       : 5px;
    padding-bottom    : 5px;
  }

  .header .large {
    display: none;
  }

  .header .small {
    display: block;
  }

  .header .header_box {
    margin-top: 8px;
  }

  .header .menu-handle {
    display   : block;
    text-align: right;
    top       : 5px;
  }

  .header .mainnav {
    display           : none;
    position          : absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
    background-color  : #fff;
    border            : 0;
    top               : 54px;
    width             : 100%;
    height            : auto;
    overflow          : visible;
    margin-top        : 0;
  }

  .header .mainnav ul {
    font-size: 0;
  }

  .header .mainnav .nav_tab_li li {
    width: 100%;
  }

  .header .mainnav ul li {
    width           : 100%;
    float           : none;
    position        : relative;
    display         : block;
    border-bottom   : 0;
    background-color: #fff;
    border-top      : 1px solid #f1f1f1;
    text-align      : center;
  }

  .header .mainnav ul li .sub-nav {
    position  : static;
    overflow  : hidden;
    text-align: center;
    padding   : 0;
  }

  .header .mainnav ul li .sub-nav a {
    width      : 100%;
    float      : none;
    font-size  : 12px;
    line-height: 36px;
    height     : 36px;
  }

  .header .mainnav ul li a {
    font-size  : 14px;
    color      : #4c4c4c;
    line-height: 46px;
    height     : 46px;
    padding    : 0;
  }

  .header .mainnav ul .one-title {
    padding-right: 20px;
  }

  .header .mainnav ul .one-title a {
    display  : inline-block;
    color    : #4e5458;
    font-size: 2rem;
  }

  .header .mainnav ul .phsearchicon {

    width : auto;
    height: auto;
  }

  .header .mainnav ul .phsearchicon:after {
    width            : 5px;
    height           : 5px;
    transform        : rotate(135deg);
    -moz-transform   : rotate(135deg);
    -ms-transform    : rotate(135deg);
    -o-transform     : rotate(135deg);
    -webkit-transform: rotate(135deg);
    border-color     : #4e5458;
  }

  .header .mainnav .sub-nav {
    -webkit-box-shadow: none;
    box-shadow        : none;
    border-top        : 0;
    padding           : 20px;
  }

  .header .mainnav .sub-nav a {
    border: 0;
  }

  .header .mainnav .sub-nav a::before {
    display: none;
  }

  .header .navbar-header a::after {
    display: none;
  }

  .header .navbar-others {
    width       : auto;
    float       : right;
    padding-top : 6px;
    margin-right: 25px;
  }

  .header .navbar-others .navbar-lang {
    width: auto;
  }

  .header .navbar-others .navbar-lang .lang_now h1 {
    color: #4e5458;
  }

  .header .navbar-others .navbar-lang .lang_now ul li a {
    color: #4e5458;
  }

  .header .navbar-others .navbar-lang .lang_now ul li a:hover {
    background-color: #fff;
    color           : #001967;
  }

  .header .navbar-others .navbar-lang .lang_now::after {
    content     : '';
    position    : absolute;
    right       : 0;
    top         : 50%;
    border-top  : 4px solid #fff;
    border-left : 3.5px solid transparent;
    border-right: 3.5px solid transparent;
  }

  .header .navbar-others .navbar-lang .lang_now:hover ul {
    display: block;
  }

  .header .navbar-others .navbar-phone {
    width: auto;
  }

  .header .navbar-others .navbar-phone span {
    color: #4e5458;
  }

  .header .navbar-others .navbar-search {
    display: none;
  }

  .header .navbar-others .navbar-search form {
    border: 1px solid #4e5458;
  }

  .main .m4 .about_wrapper,
  .main .m4 .new_wrapper {
    width: 100%;
  }

  .main .m4 .new_wrapper .new_con {
    width : 800px;
    margin: 0 auto;
  }

  footer .foot_share .bdsharebuttonbox a {
    margin-right: 5px;
  }

  .main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt h1,
  .main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt h1 {
    font-size: 1.6rem;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .header {
    background-color  : #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow        : 0 2px 6px rgba(0, 0, 0, 0.1);
    padding-top       : 5px;
    padding-bottom    : 5px;
  }

  

  .header .large {
    display: none;
  }

  .header .small {
    display: block;
  }

  .header .header_box {
    margin-top: 8px;
  }

  .header .menu-handle {
    display   : block;
    text-align: right;
    top       : 5px;
  }

  .header .mainnav {
    display           : none;
    position          : absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
    background-color  : #fff;
    border            : 0;
    top               : 54px;
    width             : 100%;
    height            : auto;
    overflow          : visible;
    margin-top        : 0;
  }

  .header .mainnav ul {
    font-size: 0;
  }

  .header .mainnav ul li {
    width           : 100%;
    float           : none;
    position        : relative;
    display         : block;
    border-bottom   : 0;
    background-color: #fff;
    border-top      : 1px solid #f1f1f1;
    text-align      : center;
  }

  .header .mainnav ul li .sub-nav {
    position  : static;
    overflow  : hidden;
    text-align: center;
    padding   : 0;
  }

  .header .mainnav ul li .sub-nav a {
    width      : 100%;
    float      : none;
    font-size  : 12px;
    line-height: 36px;
    height     : 36px;
  }

  .header .mainnav ul li a {
    font-size  : 14px;
    color      : #4c4c4c;
    line-height: 46px;
    height     : 46px;
    padding    : 0;
  }

  .header .mainnav ul .one-title {
    padding-right: 20px;
  }

  .header .mainnav ul .one-title a {
    display  : inline-block;
    color    : #4e5458;
    font-size: 2rem;
  }

  .header .mainnav ul .phsearchicon {

    width : auto;
    height: auto;
  }

  .header .mainnav ul .phsearchicon:after {
    width            : 5px;
    height           : 5px;
    transform        : rotate(135deg);
    -moz-transform   : rotate(135deg);
    -ms-transform    : rotate(135deg);
    -o-transform     : rotate(135deg);
    -webkit-transform: rotate(135deg);
    border-color     : #4e5458;
  }

  .header .mainnav .sub-nav {
    -webkit-box-shadow: none;
    box-shadow        : none;
    border-top        : 0;
    padding           : 20px;
  }

  .header .mainnav .sub-nav a {
    border: 0;
  }

  .header .mainnav .sub-nav a::before {
    display: none;
  }

  .header .navbar-header a::after {
    display: none;
  }

  .header .navbar-others {
    width       : auto;
    float       : right;
    padding-top : 6px;
    margin-right: 25px;
  }

  .header .navbar-others .navbar-lang {
    width: auto;
  }

  .header .navbar-others .navbar-lang .lang_now h1 {
    color: #4e5458;
  }

  .header .navbar-others .navbar-lang .lang_now ul li a {
    color: #4e5458;
  }

  .header .navbar-others .navbar-lang .lang_now ul li a:hover {
    background-color: #fff;
    color           : #001967;
  }

  .header .navbar-others .navbar-lang .lang_now::after {
    content     : '';
    position    : absolute;
    right       : 0;
    top         : 50%;
    border-top  : 4px solid #fff;
    border-left : 3.5px solid transparent;
    border-right: 3.5px solid transparent;
  }

  .header .navbar-others .navbar-lang .lang_now:hover ul {
    display: block;
  }

  .header .navbar-others .navbar-phone {
    width: auto;
  }

  .header .navbar-others .navbar-phone span {
    color: #4e5458;
  }

  .header .navbar-others .navbar-search {
    display: none;
  }

  .header .navbar-others .navbar-search form {
    border: 1px solid #4e5458;
  }

  .main .m4 .about_wrapper,
  .main .m4 .new_wrapper {
    width: 100%;
  }

  .main .m4 .new_wrapper .new_con {
    width : 800px;
    margin: 0 auto;
  }

  footer .foot_share .bdsharebuttonbox a {
    margin-right: 5px;
  }

  .main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt h1,
  .main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt h1,
  .main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt p,
  .main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt p {
    font-size  : 1.2rem;
    line-height: 140%;
  }

  .bq ul li a {
    padding-left : 15px;
    padding-right: 15px;
  }

  #ups-banner .swiper-slide .content .txt h3 {
    font-size    : 1.6rem;
    margin-bottom: 10px;
  }

  #ups-banner .swiper-slide .content .txt h2 {
    font-size    : 1.68rem;
    margin-bottom: 10px;
  }

  #ups-banner .swiper-slide .content .txt p {
    font-size  : 1.2rem;
    line-height: 140%;
  }

  #ups-banner .swiper-slide .content a {
    font-size  : 1.4rem;
    height     : 30px;
    line-height: 30px;
    margin-top : 2%;
  }

  #ups-banner .swiper-pagination {
    left      : 0;
    bottom    : 10px;
    text-align: center;
  }

  .header .navbar-others {
    margin-right: 95px;
  }
}

@media (max-width: 767px) {
  .header {
    position        : relative;
    padding-top     : 0;
    padding-bottom  : 0;
    background-color: #fff;
  }
  .contents.news .path ul li a span,.contents.support .path ul li a span,.contents.about .path ul li a span{padding-left:0;padding-top:50px;background-position:center top 20px;display:block;height:auto
  }
  .contents.about .path ul li{width:50%}
  .contents.product .path ul li a span{height:auto;line-height:2rem;font-size:14px;}
  .contents.support .c3 ul li .li_wrapper .li_box{background-size:50px;}
  .contents.about .c1 .c_con .pic img{max-width:80%}
  .header .navbar {
    padding-top: 5px;
  }

  .header .mainnav {
    display   : none;
    width     : 100%;
    margin-top: 0;
    top       : 50px;
  }

  .header .mainnav li {
    text-align: center;
  }

  .header .mainnav li .one-title a {
    color    : #4c4c4c;
    font-size: 1.4rem;
  }

  .header .mainnav li .sub-nav {
    position          : static;
    min-width         : 0;
    border            : 0;
    background-color  : #f9f8f8;
    -webkit-box-shadow: none;
    box-shadow        : none;
    padding           : 0 15px;
  }

  .header .mainnav li .sub-nav a {
    text-align: center;
  }

  .header .large {
    display: none;
  }

  .header .small {
    display: block;
  }

  .header.active {
    position: fixed;
    left    : 0;
    top     : 0;
  }

  .header .navbar-header {
    width: 45%;
  }

  .header .navbar-header a::after {
    display: none;
  }

  .header .menu-handle {
    right: 15px;
    top  : 5px;
  }

  .header .header_box {
    overflow: hidden;
  }

  #ups-banner .swiper-slide .content .txt h3 {
    font-size    : 1.4rem;
    margin-bottom: 10px;
  }

  #ups-banner .swiper-slide .content .txt h2 {
    font-size    : 1.4rem;
    margin-bottom: 10px;
  }

  .contents.product .path ul {
    justify-content: space-between;
  }

  .contents.product .path ul li {
    width     : calc(50% - 5px);
    box-sizing: border-box;
 /*   padding:10px;*/
    background:#fff;
  }

  .contents.product .path ul li {
    margin-bottom: 10px;
  }

  .contents.product .path ul li.active i::after {
    display: none;
  }

  #ups-banner .swiper-slide .content .txt p {
    font-size  : 1.2rem;
    line-height: 140%;
  }

  #ups-banner .swiper-slide .content a {
    font-size  : 1.4rem;
    height     : 30px;
    line-height: 30px;
    margin-top : 2%;
  }

  #ups-banner .swiper-pagination {
    left      : 0;
    bottom    : 10px;
    text-align: center;
  }

  #ups-banner .swiper-slide .content {
    left: 5%;
  }

  .header .navbar-others {
    margin-right: 95px;
  }

  .main .tit h1 {
    font-size     : 2.4rem;
    padding-bottom: 15px;
  }
  .main .m4 .title span{font-size:2.4rem
  }

  .main .m1 .swiper-container .swiper-slide .box .txt h1 {
    font-size: 1.8rem;
  }

  .main .m1 .swiper-container .swiper-slide {
    -webkit-transform: scale(1);
    -ms-transform    : scale(1);
    transform        : scale(1);
    margin-bottom    : 15px;
  }

  .main .m2 .schemeSwiper .swiper-slide {
    position: relative;
  }

  .main .m2 .schemeSwiper .swiper-slide .txt {
    position        : absolute;
    left            : 0;
    bottom          : 0;
    width           : 100%;
    background-color: rgba(0, 0, 0, 0.4);
    color           : #fff;
    padding-left    : 15px;
    padding-right   : 15px;
    height          : 30px;
    line-height     : 30px;
  }

  .main .m3 .m3_wrapper .left_wrapper,
  .main .m3 .m3_wrapper .right_wrapper {
    width: 100%;
  }

  .main .m3 .m3_wrapper .left_wrapper .left_top_wrapper {
    padding         : 40px 0;
    background-color: #2370c4;
  }

  .main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt h1,
  .main .m3 .m3_wrapper .left_wrapper .bottom_right_wrapper .con .txt h1,
  .main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con .txt h1,
  .main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt p,
  .main .m3 .m3_wrapper .left_wrapper .bottom_left_wrapper .con .txt p,
  .main .m3 .m3_wrapper .left_wrapper .left_top_wrapper .con .txt p {
    font-size  : 1.2rem;
    line-height: 140%;
  }

  .main .m4 .about_wrapper,
  .main .m4 .new_wrapper {
    width: 100%;
  }

  .main .m4 .about_wrapper .about_con .about_con_wrapper .pic {
    padding: 0;
  }

  .main .m4 .about_wrapper .about_con .about_con_wrapper .txt p {
    height: 150px;
  }
  .main .m4 .new_wrapper .new_con .new_con_left1,
  .main .m4 .new_wrapper .new_con .new_con_left,
  .main .m4 .new_wrapper .new_con .new_con_right {
    width: 100%;
  }

  .bq .copy {
    text-align: center;
  }

  .bq .copy a {
    color: #fff;
  }

  .bq ul {
    float     : none;
    font-size : 0;
    text-align: center;
  }

  .bq ul li {
    display   : inline-block;
    float     : none;
    width     : 33.333%;
    text-align: center;
    margin-top: 15px;
  }

  .bq ul li a {
    display   : block;
    padding   : 0;
    text-align: center;
  }

  .contents .path {
    background-color: #f4f4f4 !important;
  }

  .contents.solution .path ul {
    justify-content: space-between;
  }

  .contents.solution .path ul li {
    width        : 50% !important;
    padding-left : 5px;
    padding-right: 5px;
    margin       : 0;
    margin-bottom: 15px;

  }
.contents.product .path .product_iec ul li {
  width        : 50% !important;
 
}


  .contents .path ul li a {
    background-color: #fff;
  }

  .contents.solution .path ul li a span {
    /*padding-left: 45px;*/
    font-size     : 16px;
    line-height   : 25px;
  }

  .contents.solution .path ul li.active i {
    display: none;
  }

  .contents.about .c_tit h1 {
    font-size    : 2.4rem;
    text-align   : center;
    margin-bottom: 30px;
  }

  .contents.about .c1 .c_con .pic,
  .contents.about .c1 .c_con .txt {
    width        : 100%;
    margin-bottom: 30px;
  }

  .contents.about .c1 .c_list li {
    width        : 50%;
    margin-bottom: 20px;
    margin-bottom: 20px;
    padding-top: 78px;
    background-size: 60px;
    background-position: center top;
    text-align: center;
    padding-left: 0;
  }
  .contents.about .c1 .c_list li .num{font-size:3rem;}
  .contents.about .c1 .c_list li .num span{font-size:3rem;}
  .contents.contact .c2 form .f_right textarea{height:100px;}
  .contents.product_show .c1 .detail_box ul li{width:25%;margin-right:0;}
  .contents.product_show .c1 .detail_box ul li a{font-size:12px;}
   .contents.support .c1 .c1_wrapper .txt h1{margin-top:20px;}
   .contents.about .c2 .c_con .swiper-slide .s_con .txt h1{margin-bottom: 20px;margin-top: 20px;text-align: center;font-size:3rem;}
  .contents.about .c2 .c_con .swiper-container .swiper-button-prev,.contents.about .c2 .c_con .swiper-container .swiper-button-next{display:none;} 
  .contents.about .c2 .c_con .swiper-slide .s_con .txt p{line-height:24px;}
  .contents.about .c2 .c_con .swiper-slide .s_con .pic,
  .contents.about .c2 .c_con .swiper-slide .s_con .txt {
    width: 100%;
  }

  .contents.about .c3 .c_con {
    padding-top: 40px;
  }

  .contents.about .c3 .c_con .swiper-slide p {
    white-space     : nowrap;
    overflow        : hidden;
    -o-text-overflow: ellipsis;
    text-overflow   : ellipsis;
  }

  .contents.about .c6 .c_con ul li {
    padding-left : 5px;
    padding-right: 5px;
  }

  .contents.about .c6 .c_con ul li a {
    font-size: 1.2rem;
  }

  .contents.about .c6 .c_con ul li a::before {
    width : 40px;
    height: 40px;
  }

  .contents.about .c6 .c_con .swiper-button-prev,
  .contents.about .c6 .c_con .swiper-button-next {
    width          : 30px;
    height         : 30px;
    background-size: contain;
  }

  .contents.contact .c1 .container {
    display: block;
  }

  .contents.contact .c2 form .f_btn {
    text-align: left;
  }

  .contents.contact .c2 form .f_btn button {
    display: inline-block;
    width  : 40%;
  }

  .contents.contact2 .c1 .table_list li table th,
  .contents.contact2 .c1 .table_list li table td {
    font-size: 1.2rem;
  }

  /*
    .contents.product .path ul li a span {
      padding-left    : 0;
      background-image: none !important;
    }*/

  /*  .contents.product .path ul li.active i::after {
      display: none;
    }*/

  .contents.product_show .path ul li a span {
    padding-left    : 0;
    background-image: none !important;
  }

  .contents.product_show .path ul li.active i::after {
    display: none;
  }

  .contents.product_show .c2 .c21 .txt .trait p,
  .contents.product_show .c2 .c22 .txt .trait p,
  .contents.product_show .c2 .c23 .txt .trait p,
  .contents.product_show .c2 .c24 .txt .trait p {
    width    : 100%;
    max-width: 100%;
  }

  .contents.solution .path ul li a span {
    padding-left    : 0;
    background-image: none !important;
  }

  .contents.solution .c1 .pic,
  .contents.solution .c1 .txt {
    width       : 100%;
    padding-left: 0;
    margin-top  : 10px;
  }

  .contents.support .c1 .c1_wrapper .pic,
  .contents.support .c1 .c1_wrapper .txt {
    width: 100%;
  }

  .contents.support2 .c1 ul li {
    margin-bottom: 10px;
  }

  .contents.support2 .c1 ul li a span {
    padding-left    : 0;
    background-image: none !important;
  }

  .contents.support2 .c2 form {
    float      : none;
    margin-left: 50px;
  }

  .contents.support3 .c1 li .progs_icon,
  .contents.support3 .c1 li .progs {
    width: 50%;
  }

  .contents.support3 .c1 li .description {
    width: 100%;
  }

  .contents.product_show .videos {
    width            : 90%;
    margin           : 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    border           : 0;
  }

  .contents.product_show .videos video {
    max-width: 100% !important;
  }

  .contents.solution .videos {
    width            : 90%;
    margin           : 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    border           : 0;
  }

  .contents.solution .videos video {
    max-width: 100% !important;
  }

  .header .mainnav .sub-nav .sub-left {
    position        : static;
    background-color: transparent;
    width           : auto;
    float           : none;
  }

  .header .mainnav .sub-nav .sub-left::before {
    display: none;
  }

  .header .mainnav .sub-nav a {
    color: #333;
  }

  .header .mainnav .sub-nav .sub-left a {

    color: #333;
  }
}







#ups-banner .swiper-container {
  height: 794px;
}


.slick-slider {
  position                   : relative;
  display                    : block;
  box-sizing                 : border-box;
  -webkit-user-select        : none;
  -moz-user-select           : none;
  -ms-user-select            : none;
  user-select                : none;
  -webkit-touch-callout      : none;
  -khtml-user-select         : none;
  -ms-touch-action           : pan-y;
  touch-action               : pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display : block;
  overflow: hidden;
  margin  : 0;
  padding : 0;
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform   : translate3d(0, 0, 0);
  -ms-transform    : translate3d(0, 0, 0);
  -o-transform     : translate3d(0, 0, 0);
  transform        : translate3d(0, 0, 0)
}

.slick-track {
  position    : relative;
  top         : 0;
  left        : 0;
  display     : block;
  margin-left : auto;
  margin-right: auto
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display   : none;
  float     : left;
  height    : 100%;
  min-height: 1px
}

[dir='rtl'] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height : auto;
}

.slick-vertical .slick-slide a,
.slick-vertical .slick-slide figure,
.slick-vertical .slick-slide img {
  font-size: 0;
}

.slick-arrow.slick-hidden {
  display: none
}

.home-banner__slide {
  font-size: 0;
  overflow : hidden;
}

.m-pic {
  display: none;
}

.home-banner__wrap {
  position: relative;
}

.home-banner__page {
  position : absolute;
  right    : 6.5vw;
  bottom   : 19.20833vw;
  font-size: 0;
}

.home-banner__page div,
.home-banner__page i {
  display       : inline-block;
  vertical-align: middle;
}

.home-banner__page .current-page {
  font-size: 16px;
  color    : #fff;
}

.home-banner__page .total-page {
  font-size: 16px;
  color    : #fff;
  opacity  : .6;
}
.main .m1 .tit {
  /*background: url(/skins/images/cpzx-bt-bj.png)no-repeat center;*/
}
.home-banner__page i {
  width            : 1px;
  height           : 18px;
  background-color : #fff;
  -moz-transform   : rotate(18deg);
  -ms-transform    : rotate(18deg);
  -webkit-transform: rotate(18deg);
  transform        : rotate(18deg);
  margin-left      : 10px;
  margin-right     : 10px;
  opacity          : .6;
}

.home-banner__slide .slick-dots {
  position  : absolute;
  right     : 6.02083vw;
  top       : 17vw;
  text-align: right;
  font-size : 0;
  overflow  : hidden;
}

.home-banner__slide .slick-dots button {
  position        : relative;
  border          : none;
  cursor          : pointer;
  text-indent     : -999999999999999px;
  height          : 15px;
  width           : 60px;
  padding         : 10px 0;
  background-color: transparent;
}

.home-banner__slide .slick-dots button:before,
.home-banner__slide .slick-dots button:after {
  content   : "";
  display   : block;
  position  : absolute;
  right     : 15px;
  top       : 50%;
  margin-top: -1px;
}

.home-banner__slide .slick-dots button:before {
  width           : 0;
  height          : 2px;
  background-color: #e30b20;
  z-index         : 10;
}

.home-banner__slide .slick-dots button:after {
  width           : 30px;
  height          : 2px;
  background-color: #fff;
}

.home-banner__slide .slick-dots .slick-active button:before {
  animation: dotWidth 3s linear 1 forwards;
}

@-webkit-keyframes dotWidth {
  0% {
    width: 0
  }

  100% {
    width: 30px
  }
}

@media screen and (max-width: 750px) {
  .m-pic {
    display: block;
  }

  .p-pic {
    display: none;
  }

  .home-banner__slide .slick-dots {
    display: none;
  }
}
@media screen and (max-width:1200px){
.main .m1 .swiper-container .swiper-slide a{margin:0 10px}
  .main .m1 .tit {
  background: url(/skins/images/cpzx-bt-bj.png)no-repeat center;
background-size:auto 100%;}
  .home-banner__slide .slick-dots,.home-banner__page{display:none!important;}
  .contents.product .path ul li a img{height:30px;}
  .top_slide_right li.first .Box .box{width:auto!important;height:auto!important;}
	.top_slide_right li.first .Box .box dl{overflow:hidden;}
	.top_slide_right li.first .Box .h3{padding:10px!important;line-height:100%!important;margin:0!important;}
	.top_slide_right li.first .Box .h4{margin:0!important;}
	.top_slide_right li.first .Box dd{width:100%!important;}
	.top_slide_right li.first .Box .h4{padding:10px!important;}
}
.header .mainnav ul .sub-right-left h2 .three {
    position: absolute;
    top: 2rem;
    left: 25rem;
    border-radius: 3px;
    display: none;
}
.header .mainnav ul .sub-right-left h2 .three a {
    display: block;
    line-height: 1em;
    padding: 0.6em 20px;
    color: #002d72;
}
.header .mainnav ul .sub-right-left h2:hover .three { display: block;}

/*产品图片集切换*/
.contents.honor .c1 {
  padding         : 3% 0;
  background-color: #f2f2f2;
  font-size       : 0;
}

.contents.honor .c1 .pic {
  display       : inline-block;
  vertical-align: middle;
  width         : 45%;
}

.contents.honor .c1 .txt {
  display       : inline-block;
  vertical-align: middle;
  width         : 55%;
  padding-left  : 5%;
}

.contents.honor .c1 .txt h1 {
  position      : relative;
  font-size     : 2.2rem;
  color         : #000;
  padding-bottom: 25px;
  margin-bottom : 3%;
}

.contents.honor .c1 .txt h1::before {
  content         : '';
  position        : absolute;
  left            : 0;
  bottom          : 0;
  width           : 45px;
  height          : 2px;
  background-color: #115eb8;
}

.contents.honor .c1 .txt p {
  font-size  : 1.6rem;
  color      : #666;
  line-height: 3rem;
}

.contents.honor .c1 ul {
  overflow  : hidden;
  margin-top: 3%;
}

.contents.honor .c1 ul li {
  float       : left;
  margin-right: 5%;
}

.contents.honor .c1 ul li a {
  display            : block;
  font-size          : 1.4rem;
  color              : #474747;
  background-repeat  : no-repeat;
  background-position: center top;
  padding-top        : 60px;
  text-align         : center;
}

.contents.honor .c1 ul li:nth-child(1) a {
  background-image: url(/skins/images/document-content.png);
}

.contents.honor .c1 ul li:nth-child(2) a {
  background-image: url(/skins/images/icon_play.png);
}

.contents.honor .c1 ul li:nth-child(3) a {
  background-image: url(/skins/images/content-management.png);
}

.contents.honor .c1 ul li:nth-child(4) a {
  background-image: url(/skins/images/add-file.png);
}

.contents.honor .c2 {
  background-color: #f2f2f2;
}

.contents.honor .c2 p {
  font-size    : 1.6rem;
  color        : #666;
  line-height  : 3rem;
  margin-bottom: 3%;
}

.contents.honor .c3 {
  padding: 3% 0;
}

.contents.honor .c3 li {
  text-align: center;
}
.contents.honor .c3 li img{
  margin:0 auto;
  width:70%;
}
.contents.honor .c3 li p {
  font-size    : 1.6rem;
  color        : #505050;
  margin-bottom: 8%;
}

.contents.honor .c3 li a {
  display         : inline-block;
  width           : 110px;
  height          : 36px;
  line-height     : 36px;
  font-size       : 1.4rem;
  color           : #666;
  background-color: #f4f4f4;
}

.contents.honor .c3 li:hover a {
  color: #2370c4;
}
.contents.honor .c3.col-sm-4 
{
width:50%}